正在开发一个元素,我正在使用 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"> </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/