Jquery fonction click "animate"

Fermé
matiou34 Messages postés 198 Date d'inscription mardi 22 avril 2008 Statut Membre Dernière intervention 27 janvier 2015 - Modifié par matiou34 le 31/08/2012 à 23:59
Elsyfiryos Messages postés 83 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 12 septembre 2012 - 3 sept. 2012 à 02:57
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!

A voir également:

1 réponse

Elsyfiryos Messages postés 83 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 12 septembre 2012 11
3 sept. 2012 à 02:57
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;
    } 
});


0