隐藏＆amp;显示右侧边栏

Question

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

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

问题： 点击“隐藏”时： 侧边栏滑出'宽度：10px;'以及保证金权利的内容：10px; 点击“SHOW”时： 边栏滑入'宽度：200px;'以及回退到'margin-right：200px;

的内容

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

http://jsfiddle.net/6uVvF/

我正在努力完成右侧边栏的动画版面书。 这是另一个例子：http://www.sidlee.com/

感谢。

Answer 1

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

它允许我隐藏侧边栏。我有Javascript动画每个项目为0但是。但它运作良好。

请参阅此处的工作版本：

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