2012-08-22 82 views
0

我需要創建一個全部展開和摺疊所有的資產淨值爲jQuery的手風琴。jQuery的手風琴定製導航

我有每個人的手風琴做工精細與此:

$('.accordion h3').click(function() { 
     $(this).next().toggle('slow'); 
     return false; 
    }).next().hide(); 

<div class="accordion"> 
<h3 class="head"><a href="#">Section 1</a></h3> 
<div> 
    <p> 
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
    </p> 
</div> 

<div class="accordion"> 
    <h3><a href="#">Section 2</a></h3> 
    <div> 
     <p> 
     Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet 
     purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor 
     velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In 
     suscipit faucibus urna. 
     </p> 
    </div> 
</div> 

ETC .....

我需要爲全部展開,做這樣的事情相反的崩潰全部:

$('#nav .expand').click(function(){ 
    $('.accordion h3').next().animate({ 
      height: "auto" 
     }); 
     return false; 
}); 

jquery還是個新手,所以不知道它提供的所有東西。有人可以用我正在嘗試做的事情指引我正確的方向嗎? 謝謝

回答

1

它似乎不像你使用jQuery ui手風琴。

下面是與$.accordion()小提琴:http://jsfiddle.net/C3Gra/1/

小提琴無$.accordion()http://jsfiddle.net/w2uXZ/

編輯:$.accordion()並沒有真正與不斷提升,因爲它的內部狀態有空間至多一個有源元件發揮出色。