javascript - jquery Accordion 菜单默认在加载时关闭

Question

我试图通过提高交互性来节省我的垂直 Accordion 菜单上的一些空间。

我设法使菜单能够正常工作，并根据需要设置了 CSS 样式。

问题是在页面加载时 1x 类别是“开放的”，如果我删除 class="open"样式它不会隐藏类别。

这可以显示:jsfiddle (category 2 is my problem!)

我对 jquery 一点也不满意，所以我不确定是否可以将其更改为默认所有类别“关闭”，直到它被单击。

<script>
        $(document).ready(function(){
            $("ul.accordion span.name").click(function()
            {
                var $li = $( this ).parent("li").has("ul");

                if( $li.hasClass("open") )
                {
                    $li.find("ul").slideUp('slow', function( ){
                        $li.removeClass("open");
                    });
                }
                else
                {
                    $li.addClass("open");
                    $li.find("ul").slideDown('slow');
                }
            });
        });
    </script>

这可以在 jquery 脚本中编辑吗？我最终会喜欢多个下拉类别，但这实际上会比原来占用更多空间。

Answer 1

在文档就绪函数的顶部插入这一行:

 $('li.open').removeClass('open').find('ul').hide();

[ http://jsfiddle.net/9kjpn4j7/][1]

演示: [1]:http://jsfiddle.net/9kjpn4j7/