jquery手风琴默认扩展

时间:2014-11-21 00:15:29

标签: javascript jquery css

在项目上工作,我正在使用jQuery的手风琴lib。我希望默认情况下扩展子菜单中的所有项目。这是代码:

<script type="text/javascript">
$jsmart(document).ready(function($) {
    $('#yt_sidenav li.level0 > a').addClass ('subhead');
    $('#yt_sidenav li.level0 > a').after ('<a href="#" title="" class="toggle">&nbsp;</a>');    //header 

    ////////////////////
    //$('#yt_sidenav li ul li').has('ul').append( '<span class="more-item-nav">open</span>' );

        var speed=200;
        $('#yt_sidenav li ul li').has('ul').append( '<span class="touch-item">open</span>' );

        $('.touch-item').click(function(){
            $(this).prev().slideToggle(speed);
            $(this).toggleClass('change');
            $(this).prev().prev().toggleClass('parentNote');
        });
    // second simple accordion with special markup
    $jsmart('#yt_sidenav').accordion({
        active: '.active',
        header: '.toggle',      // same header above
        navigation: true,
        event: 'click',
        fillSpace: false,
        autoheight: false,
        alwaysOpen: false, 
        animated: 'easeslide',
        collapsible: false
    }); 

    //check if headerId is set, if so activate that id
    if ($jsmart("#yt_sidenav .level2 .current").parents('.parent').length) {
        var header_element = $jsmart("#yt_sidenav .level2 .current").parents('.parent').children('a.toggle')
        $jsmart('#yt_sidenav').accordion('activate', header_element);
    }           

});
</script>

我查看了文档,并且已经使用了conclusin .index()应该用于默认扩展all。但我迷失了我需要添加此代码的地方。

你能看一下吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

来自jquery collapsible documentation ... 默认情况下,手风琴始终保持一个部分打开。要允许所有部分都可折叠,请将collapsible选项设置为true