web-dev-qa-db-fra.com

Changer l'animation jquery show () / hide ()?

Par défaut, si vous spécifiez une vitesse, jquery ajoute une animation bizarre où elle se développe à partir du coin gauche. Je veux juste qu'il glisse vers le bas. Existe-t-il un moyen de le faire sans importer autre chose comme jquery UI?

Je cherche quelque chose dans les lignes de:

$("test").show('slow', {animation:'slide'})

S'il n'y a aucun moyen, alors quelle serait la solution la plus légère pour y parvenir?

Merci

javascriptjqueryanimation
35
marcgg

Il existe les fonctions slideDown, slideUp et slideToggle natives de jquery 1.3+, et elles fonctionnent très bien ...

http://docs.jquery.com/Effects

Vous pouvez utiliser slideDown comme ceci:

$("test").slideDown("slow");

Et si vous voulez combiner des effets et vraiment devenir fou, je vais jeter un œil à la fonction d'animation qui vous permet de spécifier un certain nombre de propriétés CSS pour façonner l'interpolation ou le morphing. Des trucs assez chics, ça.

68
Steve Wortham

Utilisez slidedown() :

$("test").slideDown("slow");
13
beggs

Vous pouvez également utiliser un combo fadeIn/FadeOut, aussi ....

$('.test').bind('click', function(){
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500);
    $('.div3').fadeOut(500);
    return false;
});
5
Matthew