Jquery fonction click "animate"

Question

Bonjour,  

Lorsque je clique sur #button, je me retrouve avec une div dont la hauteur est agrandie. Exactement ce que je souhaite. 
Maintenant comment faire pour que lorsque je re-clique dessus une fois agrandie elle reprend sa hauteur initiale ? (pour la fermer en gros) 

  
$('#button').click(function(){ 
    $('#contener1').animate({height:'900px'}, 500), 
    $('#contener2c').animate({height:'593px'}, 500), 
    $('#contener2c2').animate({height:'816px'}, 500);

Merci bien! 

Configuration:  

Windows 7 / Chrome 21.0.1180.83

Elsyfiryos · Answer

Salut,
j'essaierai quelque chose comme ça:

var i = 0;

$('#button').click(function(){ 
    if(i==0){
           $('#contener1').animate({height:'900px'}, 500); //la suite ...
           i=1;
    }
    if(i==1){
           $('#contener1').animate({height:'400px'}, 500); //la suite ...
           i=0;
    } 
});

Jquery fonction click "animate"

1 réponse

Discussions similaires

Newsletters