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

Question

Par défaut, si vous spécifiez une vitesse, jquery ajoute une animation bizarre qui se développe à partir du coin gauche. Je veux que ça glisse vers le bas. Y at-il un moyen de le faire sans importer quelque chose d'autre comme l'interface utilisateur jquery?

Je suis à la recherche quelque chose dans les lignes de:

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

S'il n'y a aucun moyen, alors ce serait la solution la plus légère de le faire?

Merci

Answer 1

Il y a les slideDown, slideUp et fonctions slideToggle indigènes jquery 1.3+, et ils 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 devenir vraiment fous, jetez un oeil à la fonction animate qui vous permet o spécifiez un certain nombre de propriétés CSS pour façonner l'interpolation ou le morphing. Des trucs assez fantaisistes, ça.

Answer 2

Utilisation slidedown():

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

Answer 3

Vous pouvez également utiliser un fadeIn/FadeOut Combo aussi ....

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