jQuery：在“点击”上动画Div调整大小

Question

我有一个div用于向用户显示状态。 它的宽度相对于百分比（0-100）。 点击一个按钮，我想设置该div的宽度（以像素为单位）。 关于最佳方式的任何输入？ 我已经在使用jQuery，我认为它会用它来制作动画片吗？ （我的面板最初是隐藏的，因此是.live功能）。

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

   // Animate here

    });

Answer 1

如PeeHaa所述，您可以使用.animate（）jQuery函数来扩展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' 
    });
  */
 });

希望这可以帮助