2014-11-21 110 views
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">&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()應使用所有默認擴大。但是我迷失在需要添加此代碼的地方。

你能看一下嗎?

在此先感謝。

+0

我相信手風琴小部件可以工作,因此一次最多可以打開1個元素。如果您嘗試製作具有可摺疊部分的可摺疊部分,則可以將每個部分都設爲自己的手風琴,或者具有執行滑動切換的單擊事件。有點難以確切地告訴你想要沒有你HTML – 2014-11-21 00:22:36

+0

我正在嘗試做同樣的事情。我有4個面板,我希望默認擴展,用戶可以摺疊,如果他們想。 – JoshYates1980 2015-06-22 19:58:14

回答

0

jquery collapsible documentation ... 默認情況下,手風琴始終保持一個部分打開。爲了讓所有部分都可以摺疊,請將可摺疊選項設置爲true