Скрипт - вертикально раскрывающееся меню

По клику на элемент меню другие сворачиваются

Содержимое файла script.js:

var id_menu = new Array('sub_menu_1','sub_menu_2');
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";
}
}

В head вашего html линкуем созданный файл скрипта:

<script language="JavaScript" type="text/javascript" src="scripts/script.js"></script>

В body закрываем все открымые элементы подменю

<body onload="allclose()">

А вот и само меню:

<ul class="leftmenu">
<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>
<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>

<li><a href="#">Документы для строительства</a></li>
<li><a href="#">Экологическая карта</a></li>
</ul>
</li>
</ul>

Записная книжка на любой случай

Скрипт - вертикально раскрывающееся меню

0 коммент.:

Отправить комментарий