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

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

我设法使菜单实际工作和css风格，我需要它。

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

这可以显示为：jsfiddle（类别2是我的问题！）

我对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脚本中编辑吗？我非常喜欢多个下拉类别，但这实际上会占用比原来更多的空间。