jQuery Akkordeon: divs mit Bildlaufleisten nicht schön

Question

Schieben ich den folgenden Code bin mit einem Akkordeon zu bekommen passiert:

$(".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'); 

Wenn jedoch die h2 Klicken auf das Akkordeon zu beeinflussen, wenn einer des „Ziehharmonika-Gehalts "divs hat eine Bildlaufleiste (css auf overflow: auto gesetzt), die divs scheinen sich zu überlappen und nicht gut zu animieren. Gibt es eine Möglichkeit, dass ich "overflow: auto" einstellen kann, nur nachdem das div in Sichtweite ist? Oder anders herum? Danke.

Answer 1

Sie könnten versuchen, den Änderungsstart und das Ereignis zu ändern, die vor und nach der Animation ausgelöst werden. der ui.newContent sollte das betreffende div sein.

Raue 2 Sekunden Demo here.

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