隐藏和揭露李的

Question

我正在创建一个基于此处使用的概念的简单手风琴菜单 http://jsfiddle.net/WMfsR/

基本上在上面的示例中，当点击Li时，关闭任何其他打开的Li。 但我希望李的处于开放状态，除非用户再次点击它。

如何做到这一点？

Answer 1

删除了一些代码。更新后的代码位于：fiddle

Answer 2

here's a demo

$(document).ready(function() {
    $('#nav li').on('click',function(event) {
        $(this).find('ul').toggle(500)
    });
});​

//or short-hand ready

$(function(){
    $('#nav li').on('click',function(event) {
        $(this).find('ul').toggle(500)
    });
});​

你可能想先隐藏孩子们。

Answer 3

更改

    $heading = $(this);
    $expandedSiblings = $heading.siblings().find('ul:visible');

    if ($expandedSiblings.size() > 0) {
        $expandedSiblings.slideUp(300, function () {
            $heading.find('ul').slideDown(300);
        });
    } else {
        $heading.find('ul').slideToggle(300);

到

    $heading = $(this);
    $heading.find('ul').slideToggle(300);