如何在我的手風琴中配置速度選項

Question

我已經創建了一個腳本來使我的div可以展開。

$('.expandable').find('h2').on('click', function(){ 
     $(this).parent().css({height: (parseInt($(this).parent().css('height')) > 50)?'25px':'auto'}); 
     $(this).find('i').toggleClass('icon-plus-sign icon-minus-sign', 300); 
    }) 

如何配置我的div的速度或持續時間可擴展，我希望它下降更慢，更順利。

感謝

這裏我accordion

Answer 1

如何使用slideToggle()：

$('.expandable').find('h2').on('click', function(){ 
     $("#myList").slideToggle('slow'); 
}) 

添加一個ID列表中，這樣我們就可以很容易找到它：

<ul id="myList"> 

而且隱藏它從css開始：

#myList { 
    display: none; 
} 

/* And remove the height on the div */ 
.expandable{ 
    /*height: 25px;*/ 
    overflow: hidden; 
    width: 200px; 
    background-color: #2C2C2C; 
    border-radius: 5px; 
    color: #fff; 
} 

查看更新：http://jsfiddle.net/JSG9A/2/

Answer 2

使用animate而不是css改變高度：