單擊後更改div寬度然後返回

Question

如何通過單擊它來更改div的寬度，然後再次單擊它以返回原始寬度？獎勵點，如果任何寬度變化動畫！

Answer 1

您可以使用jQuery使用CSS過渡在一起這一點。 只需點擊div設置一個jQuery類，並讓CSS執行動畫。

見小提琴這裏： http://jsfiddle.net/J3FTN/

Answer 2

您可以使用此jQuery代碼：

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