Суть:
|
Код:
|
<html>
<body>
<ul>
<li onclick="div1.style.display='run-in'">1. Click here!</li>
<li onclick="div2.style.display='run-in'">2. Or here!</li>
<li onclick="div3.style.display='run-in'">3. Also here!</li>
</ul>
<div id="div1" style="display: none">
Тут текст дива 1
</div>
<div id="div2" style="display: none">
А тут 2. Ваш Кэп.
</div>
<div id="div3" style="display: none">
Ну и наконец, 3 десу!
</div>
</body>
</html> |
Проблема: как сделать, чтобы при нажатии на пункт меню не только становился видимым нужный див, но и скрывались остальные? Вариант "писать про каждый отдельный див" не подойдет, ибо в настоящем меню пунктов чуть менее, чем дофига.