Question

我试图通过使其更具互动性来节省垂直手风琴菜单上的一些空间。

我设法让菜单实际工作，并根据需要设置CSS。

问题是页面加载1x类别是＆＃34;打开＆＃34;如果我删除了类=＆＃34;打开＆＃34;风格它不隐藏类别。

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

我对jquery一点也不舒服，所以我不确定这是否可以更改为默认所有类别＆＃34;已关闭＆＃34;直到它被点击。

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

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

jquery手风琴菜单默认在加载时关闭

1 个答案: