Всем привет.
Сделал такое вот выпадающее меню.
Все вроде устраивает, за исключением одного - при клике по пункту меню первого уровня происходит простое разворачивание пунктов 2 уровня.
А как сделать, чтобы происходил переход по ссылке и одновоременное разворачивание пунктов вложенных в этот пункт меню.
То есть если я Кликнул по пункту "Пляжные туры" - то перешел на страницу пляжные туры и теперь у меня все вложенные пункты стали видны. А то они скрываются при каждом обновлении страницы. Неудобно.
<div id="leftmenu">
<h2 class="leftfont">Виды туров:</h2>
<div id="menu_body">
<ul>
<li><a href="/" onclick="openMenu('sub_menu_1');return(false)">Пляжные туры</a>
<ul id="sub_menu_1">
<li><a href="#">Багамы</a></li>
<li><a href="#">Болгария</a></li>
<li><a href="#">Вьетнам</a></li>
</ul>
</li>
<li><a href="/" onclick="openMenu('sub_menu_2');return(false)">Экскурсионные туры</a>
<ul id="sub_menu_2">
<li><a href="#">Австрия</a></li>
<li><a href="#">Бельгия</a></li>
<li><a href="#">Германия</a></li>
</ul>
</li>
<li><a href="/" onclick="openMenu('sub_menu_3');return(false)">Автобусные туры</a>
<ul id="sub_menu_3">
<li><a href="#">Австрия</a></li>
<li><a href="#">Бельгия</a></li>
<li><a href="#">Великобритания</a></li>
</ul>
</li>
</ul>
</div>
</div>
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3');
startList = function allclose() {
for (i=0; i < id_menu.length; i++){
document.getElementById(id_menu[i]).style.display = "none";
}
}
function openMenu(id){
for (i=0; i < id_menu.length; i++){
if (id != id_menu[i]){
document.getElementById(id_menu[i]).style.display = "none";
}
}
if (document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else{
document.getElementById(id).style.display = "block";
}
}
window.onload=startList;
