jQuery手风琴：滚动条滑动不顺畅的div

我正在使用以下代码来实现手风琴：

$(".accordion h2").eq(2).addClass("active");
$(".accordion-content").eq(2).show();
$(".accordion h2").click(function(){
    $(this).next(".accordion-content").slideToggle("slow")
    .siblings("div:visible").slideUp("slow");
    $(this).toggleClass("active");
    $(this).siblings("h2").removeClass("active");
});
$("div.accordion-content").hide();
$("h2#open").trigger('click');

但是，当单击h2影响手风琴时，如果其中一个“手风琴内容”div有一个滚动条（css设置为overflow:auto），则这些div似乎重叠并且动画效果不佳。是否有一种方法可以设置“溢出：自动”只有在div完全可见后才发生？或者其他的解决方法？

---

谢谢

您可以尝试使用在动画之前和之后触发的changestart和change事件。 ui.newContent应该是有问题的div

大概2秒的演示

---

谢谢你，雷斯夸尔。虽然从你的演示来看，你的手风琴和我的手风琴的动画效果一样不好-里面有重叠…啊，在chrome中看起来不错，你在哪个浏览器中看到重叠？就是那个！任何其他解决方案？避免内容溢出。使用模态来显示额外的内容。你可以试着直接发送一条消息到ui google组，显示我的演示，看看他们是否能提供任何想法或解决方案！

$('.selector').accordion({
   changestart: function(event, ui) {
       ui.newContent.css('overflow' , 'hidden');
   },
   change: function(event, ui) { 
     ui.newContent.css('overflow' , 'auto');
   }
});