jquery Animer - mort simple

Question

Tout ce que je veux faire est sur .click() est .animate #slip, essentiellement Im changer le css au moment de top: 10px to top: 0px

Au lieu d'être tout à fait maladroit je voudrais animer le mouvement du changement de CSS.

utilisent actuellement .toggleClass pour y parvenir:

$("#div1").click(function() { 
     $("#div2t").toggleClass('min'); 
    }); 

Answer 1

Vous pouvez animer comme ceci:

$(selector).click(function() { 
    $("#slip").animate({ top: 0; }); 
}); 

Sauf si vous avez besoin du .animate conteneur, laissez-le ... le sélecteur d'ID est, bien, aussi vite qu'il obtient :)

Si vous voulez que le clic pour l'animer de nouveau tous les click ainsi, utiliser .toggle() comme ceci:

$(selector).toggle(function() { 
    $("#slip").animate({ top: 0; }); 
}, function() { 
    $("#slip").animate({ top: 10; }); 
}); 

Answer 2

Si je vous ai bien compris:

#CSS: 
.animate #slip { 
    top: 10px; 
} 

#JS 
$("element").click(function() { 
    $(".animate #slip").animate({ top: 0 }); 
}); 

Answer 3

$("#div1").click(function(){ 
$("#div2t").animate({"top":"0px"},"slow"); 
); 

Si lente est la vitesse, vous pouvez le mettre rapidement ou de temps en millisecondes sans ""