JQuery: анимация Div Изменение размера на «Нажмите»

Question

У меня есть div, который я использую, чтобы показать пользователю статус. Его ширина относительно процента (0-100). После нажатия кнопки я бы хотел анимировать ширину (в пикселях) этого элемента. Любой вклад в лучший способ пойти по этому поводу? Я уже использую jQuery, я предполагаю, что он будет использовать это для анимации? (Моя панель изначально скрыта, отсюда и функция .live).

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

   // Animate here

    });

Answer 1

Как заявляет PeeHaa, вы можете использовать функцию janu .animate (), чтобы увеличить ширину вашего div, как показано в следующем примере:

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

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

Answer 2

Простое решение, которое, я думаю, сработало бы, было бы примерно таким:

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

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

Надеюсь, это поможет