Создаем *.html файл, в нем пишем следующий код:
Code <html><body> <script type="text/javascript"> function show(id_id){ document.getElementById(id_id).style.display = (document.getElementById(id_id).style.display == 'none'?'block':'none'); } </script> <div onClick="show('onoff')">Показать</div> <div id='onoff' style='display:none'>Меня видно!</div> </body></html>
А теперь по порядку.
Как видно, сделали мы это с помощью JavaScript'а. Мы написали функцию "show" в качестве аргумента которой передаем ID нужного нам блока (слоя).
Code onClick="show('onoff')"
После передачи ID в функцию происходит следующее:
Code document.getElementById(id_id).style.display = (document.getElementById(id_id).style.display == 'none'?'block':'none');
т.е. мы устанавливаем состояние css параметра "display" слоя, с ID = "onoff" на "none", если при проверке оно "block" и наоборот. Сокрытие некоторых блоков на страничке может пригодится по разным причинам, например если, то что вы скрываете менее приоритетно остального. Или занимает много места. Казалось бы мелочь, но иногда и мелочи бывают полезными! | 
