jQuery: Slidetoggle du bas vers le haut
Je suis à l'aide de jQuery slidetoggle, et je me demandais si il existe un moyen que je puisse le faire glisser vers le haut à partir du bas, partout où je regarde je ne peux pas l'air de trouver la réponse, ici c'est le code que j'utilise:
jQuery(document).ready(function(){
jQuery(".product-pic").hover(function(){
jQuery(this).find('.grid-add-cart').slideToggle('2000', "easeOutBack", function() {
//Animation complete.
});
});
});
OriginalL'auteur onei0120 | 2012-05-11
Vous devez vous connecter pour publier un commentaire.
Vous voulez obtenir quelque chose comme ce?
HTML
CSS
JS
OU par mise à Jour proposé par Roko
Il existe de nombreux moyens pour éviter l'effet d'animation sur plusieurs hover/out. J'ai utilisé
hover
de l'événement à des fins de démonstration. On peut déclencher l'action sur les différents événements. Il serait utile pour moi si vous pouvez bref moi ce que vous entendez par le monde réel (scénario peut être)? Ou vous pouvez certainement modifier la démo/répondre si je suis absent quelque chose.Je voudrais tout simplement pas utiliser slideToggle.
Comme vous pouvez le voir, a commenté est le maximum exemple amélioré avec slideToggle - pour éviter les rapide-plusieurs-mouseovers et ci-dessous est un bon exemple avec
.animate()
et.stop()
jsfiddle.net/mt5He je voulais juste dire que je ne pourrais jamais donner un exemple de quelqu'un avec un peu de code que je voudrais jamais l'utilisation. Pas de mauvais sentiments. Cheers! +1ohh Kool... merci 🙂 Vous pouvez modifier cette réponse ainsi donc, dans le cas où si le jsfiddle lien ne fonctionne pas, la solution est ici 🙂
OriginalL'auteur Bongs
Vous pouvez le faire en utilisant un wrapper sur l'élément que vous souhaitez activer. Définir la position de l'enveloppe relative et la position de l'élément à bascule absolue avec le fond de la propriété est définie sur zéro.
Comme ce jsFiddle exemple.
jQuery:
CSS:
Oh pinaise! Oui. Mis à jour. Merci.
OriginalL'auteur j08691
DÉMONSTRATION EN DIRECT
OriginalL'auteur Roko C. Buljan
La façon la plus simple serait d'utiliser jQuery UI, jQuery, seul, n'a pas une fonction distincte. Voir ici et ici.
Autre chemin à parcourir est de faire les animations CSS à l'aide de la animer fonction.
J'ai voulu dire, il n'y a pas de fonction native pour que. Bien sûr, il peut être fait - jQueryUI est construit sur jQuery... pas beaucoup de sagesse, il y a... je voulais juste donner la solution la plus simple car il est évident qu'il ne veut pas le faire en manuel les animations CSS.
D'accord, je l'ai mis à jour, désolé.
J'ai pensé
.animate()
est un méthode.function animate(){
est autre chose.soupir et j'ai pensé méthodes de l'objet/fonctions de classe...
OriginalL'auteur Shomz