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