javascript - jquery Accordion 默认展开

标签 javascript jquery css

正在开发一个元素,我正在使用 jQuery 的折叠库。我希望默认情况下展开子菜单中的所有元素。这是代码:

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

我查看了文档,得出的结论是 .index() 应该用于默认扩展所有内容。但我不知道需要在哪里添加此代码。

可以请您看一下吗?

提前致谢。

最佳答案

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

关于javascript - jquery Accordion 默认展开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27052084/

相关文章:

javascript - 使用AJAX获取JSON数据,然后修改raphael.js脚本

jquery - Bootstrap 3 自定义多级菜单不适用于较小的分辨率

javascript - 初始化本地存储的正确方法?

javascript - 为商业版的谷歌自定义搜索框提供占位符或值?

javascript - 使用 for 循环列出 json 数组中的项目,在 if 语句后停止

javascript - 如何使用 CSS 或 Javascript 将 <image> 作为背景居中?

javascript - 修改输入 float 标签脚本以也适用于文本区域

javascript - google 会抓取 javascript 吗?

javascript - 具有 bool 值的 BehaviorSubject 未按预期工作

javascript - forEach 只使用第一个元素