jQuery: animer Div Redimensionner sur 'Click'

J'ai un div que j'utilise pour afficher à l'utilisateur un statut. Sa largeur est par rapport au pourcentage (0 à 100). Sur clic d'un bouton, j'aimerais animer la largeur (en pixels) de la div. Des commentaires sur la meilleure façon d'aller à ce sujet? Je suis déjà à l'aide de jQuery, je suppose qu'il va l'utiliser pour animer? (Mon panneau est d'abord caché, d'où l' .en direct de la fonction).

$('#slider50').live("click", function() {

   //Animate here

    });

source d'informationauteur Zakman411

  1. 29

    Comme l'a déclaré PeeHaa vous pouvez utiliser le .animate() de jQuery fonction développez vous êtes à la div de largeur, comme illustré dans l'exemple ci-dessous:

    http://jsfiddle.net/DKjKP/1/

    $("#button").click(function() {
    $("#slider").animate({
        width: '+=30px'
    }, 1000);
});
  2. 3

    Une solution simple que je verrais serait quelque chose de similaire à ceci:

    $("#slider50").live("click", function() {
  $(this).slideDown();

  /*  or something like this
    $(this).animate({
      'width' : '500px',
      'height': '500px' 
    });
  */
 });

    Espère que cette aide