Question

我正在使用以下代码来演奏手风琴：

$(".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以影响手风琴时，如果其中一个“accordion-content”div具有滚动条（css设置为overflow：auto），则div似乎重叠且不能很好地制作动画。是否有一种方法可以设置“溢出：自动”只有在div完全看到之后才会发生？或者其他任何方式？谢谢。

Answer 1

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

粗略的2秒演示here.

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

jQuery Accordion：带滚动条的div不能很好地滑动

1 个答案: