jquery - Accordion 动画在将高度设置为自动时损坏!重要

Question

发生了什么事？:我的 jQuery Accordion 的动画坏了。在关闭上一个选项卡之前短时间单击下一个选项卡后，它会显示之前打开的选项卡。动画也不滑动。

CSS:来自this answer

/* The following was added into accordion.css */
.ui-accordion .ui-accordion-content { height: auto!important; }

---

jQuery

$(document).ready(function() {

    $("#accordion").accordion({ 
        active: false,
        fillSpace: false
    });

    $("#accordion").accordion("option", "active", false);
    $("#accordion").accordion("option", "fillspace", false);
});

---

我尝试过的:我摆弄过 fillSpace 的值和 height .在 accordion.css 中，我尝试了 overflow: visible!important;但是格式真的很乱。

我希望发生的事情:清理动画，每个部分的高度取决于每个 <div> 中的内容量(也就是我对上面的 CSS 所做的)。

Answer 1

如果我没记错的话你是在使用插件？至少对我来说这是个问题(我讨厌他们因为意想不到的行为)。所以不久前我创建了自己的 Accordion 。你可以查看工作示例 HERE.希望对你有帮助!
这是我的代码:

   $(document).ready(function() {

   $('.wrapper ul li ul:first').addClass('active');
   $('.wrapper ul li ul').hide();
   $('a.home,a.about,a.service,a.contact').click(function()     {
   if($('a.home,a.about,a.service,a.contact').next('ul').hasClass('active')) {
   $('.active').stop(true, true).slideUp('slow');
   $('.active').removeClass('active');
   $(this).next('ul').addClass('active');
   $('.active:not(:animated)').stop().slideDown('slow');
   }
   });
   });