Ich versuche, $("div.searchDiv").slideToggle("slow"); auf div mit der Klasse searchDiv aufzurufen, die anfangs mit display:none ausgeblendet ist. Es gibt wieder einige div-Elemente innerhalb dieser 4 Divs mit der Klasse row . Ist es wichtig, wie die Elemente in der Hauptdiv searchDiv platziert werden, da ich sehe, dass der Toggle-Effekt nicht glatt für die Elemente innerhalb der Hauptdiv. Ist.
Die Idee, ob etwas glatt aussieht oder nicht, ist eine Meinung und unterscheidet sich je nachdem, wer es betrachtet. Wenn Sie langsam verwenden, ist es ein Wert von 200 Millisekunden.
SlideToggle. Ссылка
Die Dauer wird in Millisekunden angegeben. höhere Werte zeigen langsamere Animationen an, nicht schnellere. Die Zeichenfolgen 'schnell' und 'langsam' können angegeben werden, um die Dauer von 200 bzw. 600 Millisekunden anzuzeigen.
Die Standard-Lockerung ist Swing und für mich sieht es grob aus. Ich würde vorschlagen, linear für die Lockerung zu versuchen.
Wenn der Swing oder Linear für Sie nicht reibungslos genug ist, können Sie jQuery UI verwenden und einbinden und eine der anderen Optionen verwenden.
Sie können die Beschleunigung, die Ihrer Meinung nach funktioniert, so flüssig wie nötig finden.
Ссылка
Sie müssen Breite zu Ihren Zeilen hinzufügen.
jQuery kennt die Dimensionen Ihres versteckten div nicht, bis es angezeigt wird. Wenn es angeklickt wird, zieht es es aus der Position heraus, um es zu messen, bevor es es schnell ersetzt. Dies hat oft den Nebeneffekt, dass es zu etwas Sprunghaftigkeit kommt. Wenn Sie die Breite des Elements festlegen, wird verhindert, dass jQuery es aus der Position zieht.
Ich hatte ein ähnliches Problem. Zwei Dinge haben es für mich behoben.
Tags und Links jquery slidetoggle