Jquery Accordion Easing

Question

我想讓我的下拉手風琴感覺更好一些......但它並不適合我......任何想法？

這裏是我的手風琴本身代碼...

<div id="accordion"> 
     <h3 id="branding"><a href="#">Branding</a></h3> 
     <div>Lorem Ipsum is simply dummy text</div>    
     <h3 id="website"><a href="#">Website</a></h3> 
     <div>Lorem Ipsum is simply dummy text</div> 
    </div> 

而且在頭...

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#accordion').accordion({ navigation: true, easing: 'easeInBack' }); 
    }); 
</script> 

Answer 1

我一直使用的「動畫」屬性要做到這一點，而不是緩動插件。例如：

$('#some-list').accordion({collapsible: true, 
          animated: 'bounceslide', 
          autoHeight: false}); 

也許試試看。

雖然我已經意識到它使用了緩動插件！

所以，我做了一些研究，發現this document這也解釋瞭如何定義自己的基於寬鬆的動畫評論。所以，做你想做什麼，你可以使用以下命令：

$.ui.accordion.animations.eib = function(settings) { 
    this.slide(settings, { 
    easing: "easeInBack", 
    duration: 600 
    }); 
}  

$(function() { 
    $("#accordion").accordion({ 
    animated: "eib" 
}); 

Answer 2

TypeError: $.ui.accordion.animations is undefined 

接受的答案似乎不工作了。

此：

$(function() { $("#accordion").accordion({ 
    animated: "eib" 
}); 

現在已經改變了動畫：

$(function() { 
    $("#accordion").accordion({ 
    animate: "easeOutBounce" 
}); 

解決方案：

$("#accordion").accordion({ 
    animate: { easing: 'easeOutBounce', duration: 1000 }, 
});