/ / JQUERY Akkordeons sind jumpy / snappy - Javascript, jquery, Akkordeon, jquery-ui-Akkordeon

JQUERY Akkordeons sind jumpy / snappy - Javascript, jquery, Akkordeon, jquery-ui-Akkordeon

http://jsfiddle.net/mickzer/3MbRJ/1/

Oben ist eine Geige aus einer Reihe von Akkordeons.

Wenn Sie auf die Akkordeons klicken, um sie zu öffnen und zu schließen, ist der Übergang sehr bissig und fast nervös.

Hier ist die JQUERY:

$("#accordion .hide").hide();
$("#accordion .title .anchor").click(function(){

$(this).parent().next().slideToggle();
return false;

});

$("#accordion .title span:last").click(function () {

$("#accordion .hide").slideUp();

});

Warum ist das und wie kann ich damit aufhören?

Vielen Dank

Antworten:

1 für die Antwort № 1

.hide hat min-height: 70px einstellen. Nimm das heraus, und dein Jähzorn geht weg. Der Grund, warum dies Probleme verursacht, ist, wenn es von geht display: none zu display: blockEs hat sofort eine Höhe von 70px.