Est-il possible de glisser un div (en fermant) mais pas complètement? P>
Je veux dire, glissez-vous, mais laissez un peu de ce divisé affiché, est-ce possible? P>
Merci d'avance, Mem p>
3 Réponses :
Quelque chose comme ça peut fonctionner: au lieu du Voici un violon montrant qu'il peut autoriser différentes hauteurs si déclarées dans une variable . Et disparaître après l'animation ne devrait pas être un problème. P> http: // jsfiddle. NET / SKOOLJESTER / HDQSX / P> P> 500px code> Il peut simplement être la taille d'origine de la DIV, et le
30px Code> Peut être aussi bien que vous voulez montrer quand il est censé être caché. p>
mise à jour des commentaires h3>
<div id="test">Test</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Merci beaucoup! Deux choses: 1) Nous devons déclarer toujours la hauteur de div. Je demande cela parce que ... la hauteur peut varier en fonction du contenu. 2) Si nous souhaitons, après cela, disparaître cette petite partie que nous venons d'animer, ce sera ok oui?
Voici un violon montrant qu'il peut autoriser différentes hauteurs si déclarées dans une variable: jsfiddle.net/skooljester/hdqsx A> et la décoloration après l'animation ne devrait pas être un problème.
api.jquery.com/toggle-event "Cette méthode signature était obsolète < / B> Dans JQuery 1.8 et Supprimé B> dans JQuery 1.9. JQuery fournit également une méthode d'animation nommée .toggle () code>
qui bascule la visibilité des éléments ".
Le meilleur moyen d'ouvrir DIV à sa hauteur d'origine utilise Stritdown ().
Le problème est que cette fonction nécessite que DIP soit cachée avant de pouvoir l'ouvrir.
La voie suivante est un peu laid laide mais fonctionne bien:
Je ne recommande pas d'utiliser la méthode d'animation de JQuery, car il est parfois buggy dans certains navigateurs. Animez la diapositive avec les transitions CSS est un meilleur choix (selon moi), en réglant la hauteur div ou la hauteur de max.
CSS: p> en cliquant, définissez max-hauteur avec jQuery: p> puis retirez le style lorsque On clique à nouveau: P> $(.someSelector).attr('style', '');
Vous voudrez peut-être simplement animer / changer la hauteur.