jQuery slideUp, um das Element anzuzeigen und nicht auszublenden
jQuery slideUp-Effekt verbirgt das element durch schieben es nach oben, während slideDown zeigt das element. Ich möchte zeigen, dass mein div-Element mit slideUp. kann jemand mich leiten ? Dank
InformationsquelleAutor der Frage Umair Jabbar | 2011-03-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
http://docs.jquery.com/UI/Effects/Slide
InformationsquelleAutor der Antwort Jason
Es ist ein wenig komplexer, als einfach zu sagen:
slideUpShow()
oder etwas, aber Sie können es immer noch tun. Dies ist ein ziemlich einfaches Beispiel, so finden Sie vielleicht einige Rand-Fällen, die müssen Adressierung.Hier ist ein Turnschuh, zeigt die
slideUp
/slideDown
Methoden, die gleichen Effekte mitanimate
und eine modifizierte version mitanimate
geht in umgekehrter Richtung: http://jsfiddle.net/sd7zsyhe/1/Seit
animate
ist ein built-in jQuery-Funktion, die Sie nicht brauchen, um jQuery-UI.InformationsquelleAutor der Antwort redbmk
Fand ich eine schwierige Art und Weise...
Sie können festlegen, div mit der css-style-bottom:0px,
Anruf hinzufügen
$("#div).slideDown();
zeigen Sie mit der slideUp-to-show-Effekt, den Sie möchten.
InformationsquelleAutor der Antwort carlxia
Um das Gegenteil von dem, slideUp und slideDown. Fügen Sie diese beiden Funktionen von jQuery.
InformationsquelleAutor der Antwort jpillora
Jquery toggle
Dieser toggle-Effekt ist nur für oben und unten. Jquery UI ist für jede andere Richtung
InformationsquelleAutor der Antwort lilsizzo
Für diejenigen, die nicht mit dem Jquery UI haben, aber möchten, fügen Sie die Funktion zu Jquery-Bibliothek:
Credits: @redbmk Antwort
InformationsquelleAutor der Antwort Daniel
Ich habe einige downvotes so ich habe in meiner Antwort und in der Tat habe ich nicht richtig beantwortet, die OP-Frage, sorry. So, ich werde versuchen, dass zu beheben.
Erste, der
slideUp()
Methode in JQuery ist bestimmt zu verstecken das element, anstatt es zeigen. Es ist im Grunde das Gegenteil vonslideDown()
was zeigt Ihr element durch schieben nach unten.Durch das wissen, dass ich denke, wir sind damit einverstanden, dass es gibt keine Magische Funktion Recht es zu tun, ein slide-up-Effekt, um zu zeigen, ein element (JQuery).
Also müssen wir tun, ein wenig Arbeit zu bekommen, was wir brauchen: rutschte nach oben zeigen Wirkung. Ich fand heraus, einige Lösungen und hier ist eine die ich denke, dass es einfach zu implementieren:
https://coderwall.com/p/9dsvia/jquery-slideup-to-reveal
Die Lösung oben funktioniert mit dem hover-Ereignis, für das click-Ereignis versuchen dieser modifizierte code:
http://jsfiddle.net/D7uT9/250/
Die Antwort @redbmk ist auch eine Lösung.
Sorry für mein Missverständnis das erste mal.
ALTE ANTWORT
Es ist eine alte post, aber wenn jemand nach einer Lösung sucht, hier ist meine Empfehlung.
Können wir, jetzt, verwenden Sie
slideToggle()
um diesen Effekt zu erzielen (ohne die Notwendigkeit von jQuery UI).Dokumentation: http://api.jquery.com/slidetoggle/
InformationsquelleAutor der Antwort youssman