Цитата:
Сообщение от 3bepek
Спасибо!
А мне теперь для каждого раздела придется свою функцию прописать?
И как при разворачивании одного раздела заставить остальные свернуться?
 |
<html>
<style type="text/css">
.list {width: 130px; height: 14px;}
.close {width: 130px; height: 1px; overflow: hidden;}
.open {width: 130px; height: auto; overflow: visible;}
</style>
<script language="JavaScript">
var Lists = new Array;
Lists[0] = "List01";
Lists[1] = "List02";
Lists[2] = "List03";
function ListOnClick(ListID)
{
var d = document.getElementById(ListID);
d.className = (d.className == "open")?"close":"open";
for(i = 0; i < Lists.length; i++){
d1 = document.getElementById(Lists[i]);
if(d1.id != d.id) d1.className = "close";
}
}
</script>
<body>
<DIV class="list" onClick="ListOnClick('List01')">
<span class="menu_main">Раздел 1</span><br>
</DIV>
<DIV id="List01" class="close">
<a class="menu" href="#">1й пункт раздела 1</a><br>
<a class="menu" href="#">2й пункт раздела 1</a><br>
<a class="menu" href="#">3й пункт раздела 1</a>
</DIV>
<DIV class="list" onClick="ListOnClick('List02')">
<span class="menu_main">Раздел 2</span><br>
</DIV>
<DIV id="List02" class="close">
<a class="menu" href="#">1й пункт раздела 2</a><br>
<a class="menu" href="#">2й пункт раздела 2</a><br>
<a class="menu" href="#">3й пункт раздела 2</a>
</DIV>
<DIV class="list" onClick="ListOnClick('List03')">
<span class="menu_main">Раздел 3</span><br>
</DIV>
<DIV id="List03" class="close">
<a class="menu" href="#">1й пункт раздела 3</a><br>
<a class="menu" href="#">2й пункт раздела 3</a><br>
<a class="menu" href="#">3й пункт раздела 3</a>
</DIV>
</body>
</html>