Как создать складное меню в javascript?

Question

Как создать расширяемое и сбрасываемое меню в java-скрипте, где нажатие на одно меню будет расширять дочерние элементы внутри и свернуть другие расширенные меню?

Answer 1

Самый простой способ сделать это с помощью плагина Jquery, как этот:
http://plugins.jquery.com/project/accordion

Answer 2

в JQuery:

$(".toggle-control").click(function(){ 
    $(".target-div").hide(); 
    $(this).next().show(); 
}); 

если ваш HTML является чем-то вроде этого:

<p class="toggle-control">Click to expand</p> 
<div class="target-div">some text here</div> 
<p class="toggle-control">Click to expand</p> 
<div class="target-div">some text here</div> 
<p class="toggle-control">Click to expand</p> 
<div class="target-div">some text here</div> 

Answer 3

Кроме того, one of SO's running jokes для ответа, то, что вы хотите, это accordion menu (может быть, не для ef fects, но для сдерживания всего меню).

Ниже приведено решение без библиотеки: Javascript And CSS Tutorial - Accordion Menus.

Или, аккордеон конкретной библиотеки/скрипт: http://www.stickmanlabs.com/accordion/

В противном случае, если вы за помощью библиотеки и дополнения, есть много вариантов: 10 Javascript Accordion Scripts.