用jQuery动画我的右侧边栏以隐藏它

Question

我有一个3列的页面，在这里我想用一个漂亮的动画（感谢jQuery）隐藏我的右侧边栏。 不幸的是，它不起作用。

我在此处在线创建了一个演示：JsFiddle： http : //jsfiddle.net/yhfXX/

我的模板有些特殊，因为我的列是这样定义的：

• 菜单（左侧）是固定的
• 内容（页面中心）是剩余的全部宽度空间
• 侧边栏（在右侧）是固定的

有人对我有解决方案吗？

不管怎么说，还是要谢谢你。

Answer 1

这是您要找的东西吗？

http://jsfiddle.net/yhfXX/2/

与其更改边栏的边距，不如说是删除它的宽度。

Answer 2

您可以更改动画调用以隐藏并指定要使用的过渡，也可以只使用hide函数。

$('#sidebar').hide( 500 );

Answer 3

检查这一。 看起来会更好。 减少宽度，增加侧边栏的高度（文本内容在新行中中断）。

只需将侧栏位置设置为相对，并将其正确位置减小至-150px（宽度的取值）即可。

overflow-x:hidden should be set for parent container

参见演示-> jsfiddle