Hide＆Show右侧栏

Question

所以，我试图创建一个JavaScript或查询来隐藏右侧边栏div。证明比我预想的要困难得多，但我很接近。

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

问题： 点击“隐藏”时： 侧栏滑出为'宽度：10px;'内容为margin-right：10px; 点击“SHOW”时： 侧边栏滑入宽度为200px;'并将内容滑回“margin-right：200px;

我创建了一个JS小提琴显示：

http://jsfiddle.net/6uVvF/

我试图完成一个动画版的脸上书籍右边栏。 这里还有另一个例子：http://www.sidlee.com/

谢谢。

Answer 1

所以我能够在边栏上创建滑动和淡入淡出效果。

它允许我隐藏边栏。尽管我将每个项目的Javascript动画设置为0。但它运作良好。

看到这里的工作版本：

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