隐藏和显示右侧边栏

Question

所以，我正在尝试创建一个 javascript 或查询来隐藏右侧边栏 div。证明比我预期的要困难得多，但我已经接近了。

我创建了一个隐藏/显示右侧边栏，单击时会滑出，再次单击按钮时会滑回全宽。

问题： 单击“隐藏”时： 侧边栏滑出为 'width:10px;'内容为 margin-right:10px; 单击“显示”时： 侧边栏滑入为 'width:200px;'和内容滑回'margin-right:200px;

我创建了一个 JS Fiddle 来展示：

http://jsfiddle.net/6uVvF/

我正在尝试完成脸书右侧边栏的动画版本。 这里还有另一个例子：http://www.sidlee.com/

谢谢。

Answer 1

所以我能够在侧边栏上创建滑动和渐变效果。

它允许我隐藏侧边栏。我让 Javascript 将每个项目设置为 0。但效果很好。

在此处查看工作版本：

http://jsfiddle.net/glepage/6uVvF/