Jquery手风琴

我正试图让我的下拉式手风琴有一个更好的感觉…但这并没有发生在我身上…有什么想法吗

这是我的手风琴密码

    <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>

Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本

在头脑中

<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>

$（文档）.ready（函数（）{
$（“#accordion”）.accordion（{navigation:true，easeInBack'}）；
});

我一直使用“动画”属性来完成这项工作，而不是使用easing插件。e、 g:

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

也许可以试一试

虽然我已经意识到，这使用了缓解插件无论如何

所以我做了一些研究，发现了一条评论，解释了如何定义自己的基于放松的动画。因此，要想做你想做的事情，你可以使用以下方法：

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

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

被接受的答案似乎不再有效了

这：

现在已更改为动画：

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

解决方案：

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

---

上面的一个动画是在下降的过程中，而不是在上升的过程中…有没有一种方法可以同时获得这两种效果，下面的一点很不幸没有实现任何效果。它让所有的手风琴室都开着！谢谢你的帮助！这很奇怪，使用FF3对我来说效果很好。您正在使用哪个浏览器？该选项已重命名为

animate

（不含

d

）。

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

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