如何使元素水平折叠然后消失？

Question

我一直在查看jQuery的hide()命令的文档，但无法弄清楚如何通过将其宽度缩小为零来使元素消失。默认缓动同时缩小高度和宽度，这是我不想要的。

Answer 1

$('#myDiv').animate({
    'width': 0
}, 2000, 'linear');

http://jsfiddle.net/HqELS/2

由于width = 0，您无需隐藏它，因为它已经不可见。

Answer 2

$('#box').animate({width: "toggle" });

或

$('#box').animate({width: 0 });

<强> LIVE EXAMPLE