使用jQuery为我的右侧边栏设置动画以隐藏它

Question

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

我在网上创建了一个演示：JsFiddle：http://jsfiddle.net/yhfXX/

我的模板有点特别，因为我的列定义如下：

• 菜单（左侧）已修复
• 内容（页面中心）是完整剩余宽度空间
• 侧边栏（右侧）已修复

有人为我提供解决方案吗？

非常感谢。

Answer 1

这是你要找的吗？

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

而不是更改侧边栏的边距我只是删除它的宽度。

Answer 2

您可以将动画调用更改为隐藏并指定要使用的过渡或仅使用隐藏功能。

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

Answer 3

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

只需将侧边栏位置设置为相对位置，并将其右侧位置缩小至-150px（宽度值）。

overflow-x:hidden should be set for parent container

参见演示 - ＆gt; jsfiddle