Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Меню. При открытии любого пункта сворачивались все остальные (https://javascript.ru/forum/dom-window/1554-menyu-pri-otkrytii-lyubogo-punkta-svorachivalis-vse-ostalnye.html)

Drako 12.08.2008 22:30

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

код
__________________________________________________

<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>

Андрей Параничев 12.08.2008 23:17

Этот скрипт протух. November 2nd 1998.

Drako 13.08.2008 12:05

Протух, не протух, а работает без глюков. во всех брюзерах

ZoNT 13.08.2008 12:38

Палка-копалка работает без глюков на любой почве (копае, ну что тут скажешь).

Все срочно отказываемся от лопат, экскаваторов и т.д. и переходим на допотопную технику!!!

Drako 13.08.2008 12:41

Цитата:

Сообщение от ZoNT (Сообщение 4500)
Палка-копалка работает без глюков на любой почве (копае, ну что тут скажешь).

Все срочно отказываемся от лопат, экскаваторов и т.д. и переходим на допотопную технику!!!

Так предложите хотябы лопату

ZoNT 13.08.2008 13:41

Цитата:

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

Можно.

Drako 13.08.2008 13:56

Цитата:

Сообщение от ZoNT (Сообщение 4507)
Можно.

А как?


Часовой пояс GMT +3, время: 20:17.