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/