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 }, 
});