Показать сообщение отдельно
  #1 (permalink)  
Старый 12.08.2008, 22:30
Drako
 
Сообщений: n/a

Меню. При открытии любого пункта сворачивались все остальные
Можно ли сделать из этого скрипта так, что б была открыта только однв ветка меню, а остальные (открытые ранее) сворачивались ?

код
__________________________________________________

<script language="JavaScript1.2">
<!--
/**
* Based on Folding Menu Tree
* WOscripts.com (www.woscripts.com)
* For full source code, installation instructions,
* 100's more DHTML scripts, and Terms Of
* Use, visit dynamicdrive.com
*
* Updated to support arbitrarily nested lists
* by Mark Quinn (mark@robocast.com) November 2nd 1998
*/

var ns6=document.getElementById&&!document.all

function change(e){
if (!document.all&&!ns6)
return
var etarget=ns6?e.target:event.srcElement
var imagetarget=etarget
if (etarget.id=="foldheader"||ns6&&etarget.parentNode .id=="foldheader"){
if (ns6&&etarget.parentNode.id=="foldheader"){
nested=etarget.parentNode.nextSibling.nextSibling
imagetarget=etarget.parentNode
}
else
nested =ns6?etarget.nextSibling.nextSibling:document.all[etarget.sourceIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
}
else {
nested.style.display="none"
}
}

}

document.onclick=change

//-->
</script>


<div id=foldheader style=color:red>dir 1</div>
<ul id=foldinglist style=display:none;padding-left:12px;>
<div id=foldheader>dir 1.1</div>
<ul id=foldinglist style=display:none;padding-left:12px;>
<a href="#">dir 1.1.1</a><br>
<a href="#">dir 1.1.2</a>
</ul>

<div id=foldheader>dir 1.2</div>
<ul id=foldinglist style=display:none;padding-left:12px;>
<a href="#">dir 1.2.1</a><br>
<a href="#">dir 1.2.2</a>
</ul>

</ul>
<div id=foldheader style=color:red>dir 2</div>
<ul id=foldinglist style=display:none;padding-left:12px;>
<div id=foldheader>dir 2.1</div>
<ul id=foldinglist style=display:none;padding-left:12px;>
<a href="#">dir 2.1.1</a><br>
<a href="#">dir 2.1.2</a>
</ul>

<div id=foldheader>dir 2.2</div>
<ul id=foldinglist style=display:none;padding-left:12px;>
<a href="#">dir 2.2.1</a><br>
<a href="#">dir 2.2.2</a>
</ul>
</ul>
Ответить с цитированием