javascript - 隐藏和显示右侧边栏

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/