Ein-und Ausblenden overlay mit jquery

Bin ich mit Hilfe von JQuery ein-und Ausblendens mein overlay und es funktioniert einfach toll. Jetzt wollte ich auch hinzufügen, dass einige Animationen, also ich ging weiter und check-out der jq docs und habe einige nette Animationen, die angewendet werden können, um das ein-und ausblenden-Funktionen direkt.

Was wenn ich Suche, ist beim klicken auf das overlay erscheinen soll, zu kommen von der aus die div, die ich angeklickt, und nach dem schließen des overlay, es verbergen sollte durch die Minimierung der in das div, welches verwendet wurde, um es zu öffnen.

Dank

Fiddle-URL, wenn Sie können zeigen Sie hier

InformationsquelleAutor Shouvik | 2012-09-26

  1. 6

    Überprüfen Sie diese Geige: http://jsfiddle.net/HfKTA/1/ - Schätze, das ist, was Sie suchen.

    Aktualisiert Geige mit mehreren Trigger: http://jsfiddle.net/HfKTA/2/

    Wow, das ist genau das, was ich Suche. Ich werde einige Zeit brauchen, wickeln Sie meinen Kopf herum obwohl. Lieber schreiben vanilla js meistens 🙂
    Könnten Sie erklären mir die animate-Funktion hier. Ich bin versucht, zu replizieren, dies zu verbergen. Also ich bin davon ausgegangen, dass ein ov.css ist der Startzustand .animieren ist der Endzustand. Aber ich bekomme nicht die zweite animation in der gleichen Weise, die ich.e schließen in den div.
    Genau, .css() ist für die Einstellung der ursprüngliche Zustand vor der animation. Einmal eingestellt, wir .show() es und rufen Sie dann .animate() zu animieren, dass er in voller Breite und Höhe.
    Für das verstecken, Sie können das gleiche tun, durch die Umkehrung der Parameter von .css() und .animate(). Auch, Sie werden müssen .hide() (statt .show()) nach der .animate() anrufen, um sicherzustellen, dass die animation sichtbar ist.
    Hallo, vielen Dank für deine Hilfe. Könnten Sie bitte überprüfen, ob dies die richtige Methode, es zu tun? jsfiddle.net/HfKTA/6

    InformationsquelleAutor techfoobar

Schreibe einen Kommentar