Ребят такой ситуэйшн:есть меню ДД на 2 уровня, к нему привязан js-скрипт,работает вроде, но вот не хватает, чтобы фокус оставался на выбранной ссылке когда на страницу переходишь, ну и соответственно для пункта подменю тоже фокус нужен(т.е. выбрал пункт меню,вниз выпали подпункты, перешли на страницу-фокус на пункте меню, если перешли по пункту подменю, то фокус и на пункте меню и на пункте подменю) и не хватает действия по клику, сейчас при наведении. Я несколько мануалов прочитал, но немного не то(или полностью меню и стили переделывать или никак функцию онклик не прикручу, все равно срабатывает по ховеру и выпадает быстро, по плавнее бы).
Люди знающие посоветуйте плз,что сделать.
<script type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3','sub_menu_4','sub_menu_5','sub_menu_6');
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;
</script>
<div id="menu_body">
<ul>
<li><a href="index.php" onclick="openMenu('sub_menu_1');return(false)" >ГЛАВНАЯ</a></li>
<li><a href="blsobitie" onclick="openMenu('sub_menu_2');return(false)" >БЛИЖАЙШЕЕ СОБЫТИЕ</a></li>
<li><a href="about" onclick="openMenu('sub_menu_3');return(false)">О НАС</a>
<ul id="sub_menu_3">
<li><a href="ucheniki">Подпункт1</a></li>
<li><a href="realproekti">Подпункт2</a></li>
<li><a href="texty">Подпункт3</a></li>
<li><a href="partzak">Подпункт4</a></li>
</ul>
</li>
<li><a href="#" onclick="openMenu('sub_menu_4');return(false)">СОТРУДНИКИ</a>
<ul id="sub_menu_4">
<li><a href="luppa">Подпункт1</a></li>
<li><a href="krav">подпункт2</a></li>
<li><a href="dub">Подпункт3</a></li>
<li><a href="ter">Подпункт4</a></li>
</ul>
</li>
<li><a href="uslugi" onclick="openMenu('sub_menu_5');return(false)">УСЛУГИ</a>
<ul id="sub_menu_5">
<li><a href="treningi">Тренинги</a></li>
<li><a href="pogruzhenija">Погружения</a></li>
<li><a href="obrproekti">Образовательные проекты</a></li>
</ul>
</li>
<li><a href="contact" onclick="openMenu('sub_menu_6');return(false)" >КОНТАКТЫ</a></li>
</ul>
</div>
