单击然后返回更改div宽度

Question

如何通过单击div然后再返回原始宽度来更改div的宽度？如果宽度的任何变化都是动画的，则为奖励点！

Answer 1

您可以将css过渡与jQuery一起使用。 只需在点击div时使用jQuery设置一个类，然后让CSS执行动画。

请看这里的小提琴： http://jsfiddle.net/J3FTN/

Answer 2

您可以使用此jquery代码：

$('div').toggle(function() {
$(this).animate({width: '100px'}, 1000)
}, function() {
$(this).animate({width: ''}, 1000)
})