javascript - jQuery:动画 Div 在 'Click' 上调整大小

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);
});