2
在一個項目上工作,我正在使用jQuery的手風琴庫。我希望默認擴展子菜單中的所有項目。下面是代碼: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>
我已經看過的文檔,並紛紛到conclusin的.index()應使用所有默認擴大。但是我迷失在需要添加此代碼的地方。
你能看一下嗎?
在此先感謝。
我相信手風琴小部件可以工作,因此一次最多可以打開1個元素。如果您嘗試製作具有可摺疊部分的可摺疊部分,則可以將每個部分都設爲自己的手風琴,或者具有執行滑動切換的單擊事件。有點難以確切地告訴你想要沒有你HTML – 2014-11-21 00:22:36
我正在嘗試做同樣的事情。我有4個面板,我希望默認擴展,用戶可以摺疊,如果他們想。 – JoshYates1980 2015-06-22 19:58:14