function displayit(id_elm) {
var elm = d.getElementById(id_elm);
elm.style.display = (elm.style.display == 'none')?'block':'none';
}
Знакомо? А знаете ли вы, что можно обойтись без JS для того, чтобы прятать и показывать элементы при клике?
Многие видели меню на CSS, которые реагируют на наведение мыши. Я подумал: "А почему бы не попытаться использовать не псевдокласс :hover, а псевдокласс :active, чтобы эмулировать клик?". Сказано - сделано. Попробовал. Не получилось у меня сделать то, что я хотел (а хотел я сделать выпадающее меню на CSS, которое реагирует на клики), однако, побочный эффект наблюдался. Вот простой код:
<html>
<head>
<title>Пробуем реагировать на клик с помощью CSS</title>
<style>
a:link {color: blue;}
a div {display: none;}
a:hover {color: green;}
a:active {color: red;}
a:active div {display: block;}
</style>
</head>
<body>
<div>
<a href="#">Нажми меня и узнаешь секрет
<div>Я работаю на CSS</div>
</a>
</div>
</body>
</html>
Результат будет именно таким, каким мы его хотим видеть: после клика на ссылку появится скрытый текст. Он будет оставаться на экране до тех пор, пока не произойдет клик в любом другом месте документа.
Вот так вот. Функциональность не ахти, зато приятно выводить небольшие подсказки, скажем.