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

Question

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

我创建了一个在线演示在这里：的jsfiddle：http://jsfiddle.net/yhfXX/

我的模板有点特殊，因为我的专栏是这样定义的：

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

有人有我的解决方案吗？

无论如何。

Answer 1

这是你在找什么？

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

而是改变侧边栏的保证金的，我只是删除了它的宽度。

Answer 2

您可以更改动画调用来隐藏和指定要使用的转场或仅使用隐藏功能本身。

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

Answer 3

选中此项。它会更好看。减少边栏的宽度增加高度（文本内容以新行中断）。

只需将您的侧栏位置设置为相对，并将其正确位置降至-150像素（宽度的渐变值）即可。

overflow-x:hidden should be set for parent container 

观看演示 ​​- > jsfiddle