D'afficher et de Masquer la superposition à l'aide de jquery

J'utilise JQuery pour afficher et masquer mon superposition et il fonctionne tout simplement génial. Maintenant, je voulais aussi ajouter des animations, donc je suis allé de l'avant et de vérifier l'jq docs et a obtenu quelques chouettes animations qui peuvent être appliquées à l'afficher et de masquer des fonctions directement.

Ce que même si je suis à la recherche est sur le clic, la superposition doit apparaître à venir de la de la div qui j'ai cliqué, et à la fermeture de la superposition, il devrait se cacher en réduisant au minimum dans le div qui a été utilisé pour l'ouvrir.

Grâce

Violon URL si vous pouvez l'afficher ici

OriginalL'auteur Shouvik | 2012-09-26

  1. 6

    Vérifier ce violon: http://jsfiddle.net/HfKTA/1/ - Suppose que c'est ce que vous cherchez.

    Mis à jour le violon avec de multiples facteurs: http://jsfiddle.net/HfKTA/2/

    Wow, c'est exactement ce que je recherche. J'ai besoin de temps pour envelopper ma tête autour de lui. Préférez écrire à la vanille js pour la plupart 🙂
    Pourriez-vous m'expliquer la fonction animate ici. Je suis en train d'essayer de reproduire cela pour se cacher. Donc je suis en supposant que l'ov.css est l'état initial et de l' .animate est l'état final. Mais je ne comprends pas la deuxième animation de la même façon je.e de clôture dans le div.
    Exactement, .css() pour le réglage de l'état initial avant l'animation. Une fois réglé, nous .show() et ensuite appeler .animate() pour l'animer à la pleine largeur et la hauteur.
    Pour se cacher, vous pouvez faire la même chose en inversant les paramètres de .css() et .animate(). Aussi, vous aurez besoin de mettre .hide() (au lieu de .show()) après la .animate() appel pour s'assurer que l'animation est visible.
    Bonjour, merci pour votre aide. Pourriez vous s'il vous plaît vérifier si ce serait la bonne méthode pour le faire? jsfiddle.net/HfKTA/6

    OriginalL'auteur techfoobar