Создаем *.html файл, в нем пишем следующий код:
<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 нужного нам блока (слоя).
onClick="show('onoff')"
После передачи ID в функцию происходит следующее:
document.getElementById(id_id).style.display = (document.getElementById(id_id).style.display == 'none'?'block':'none');
т.е. мы устанавливаем состояние css параметра "display" слоя, с ID = "onoff" на "none", если при проверке оно "block" и наоборот.
Сокрытие некоторых блоков на страничке может пригодится по разным причинам, например если, то что вы скрываете менее приоритетно остального. Или занимает много места.
Казалось бы мелочь, но иногда и мелочи бывают полезными!
Автор: Бекенов Балтабек (cybri0nix)
NAVAT.NET (наш партнёр)
JAVASCRIPT - Статьи, документация, скрипты