Сообщение от TicTac
|
Ну и на javascript only
|
для меню любой вложенности
<ul id="menu">
<li><a href="#">Милан</a>
<ul >
<li><a href="#">Пато</a></li>
<li><a href="#">Пирло</a></li>
<li><a href="#">Ибрагимович</a></li>
</ul>
</li>
<li><a href="#">Арсенал</a>
<ul >
<li><a href="#">Фабрегас</a></li>
<li><a href="#">Уолкот</a></li>
<li><a href="#">Росицки</a></li>
<li><a href="#">Фабиански</a></li>
<li><a href="#">Второй состав</a>
<ul >
<li><a href="#">Первый</a></li>
<li><a href="#">Второй</a></li>
<li><a href="#">Третий</a></li>
<li><a href="#">Запасные</a>
<ul >
<li><a href="#">Нападающий</a></li>
<li><a href="#">Защитник</a></li>
<li><a href="#">Вратарь</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<script type="text/javascript">
for (var menu = document.getElementById("menu"),
uls = menu.getElementsByTagName("ul"), i = 0; i < uls.length; i++) {
uls[i].style.display = "none";
var a = uls[i].parentNode.getElementsByTagName("a")[0];
a.style.backgroundColor = "#00FF7F";
a.onclick = function (b) {
return function () {
uls[b].style.display = uls[b].style.display ? "" : "none";
var ulss= uls[b].getElementsByTagName('ul')
for (var k=0; k<ulss.length; k++) {
ulss[k].style.display='none'
}
return false
}
}(i)
};
</script>