動畫我的右側邊欄與jQuery隱藏它

Question

我有一個3列頁面，我想隱藏我的右邊欄有一個很好的動畫（感謝jQuery）。不幸的是它不起作用。

我創建了一個在線演示在這裏：的jsfiddle：http://jsfiddle.net/yhfXX/

我的模板有點特殊，因爲我的專欄是這樣定義的：

• 菜單（左）固定
• 內容（頁面中心）是完整的剩餘寬度空間
• 側邊欄（右側）是固定的

有人有我的解決方案嗎？

無論如何。

Answer 1

這是你在找什麼？

http://jsfiddle.net/yhfXX/2/

而是改變側邊欄的保證金的，我只是刪除了它的寬度。

Answer 2

您可以更改動畫調用來隱藏和指定要使用的轉場或僅使用隱藏功能本身。

$('#sidebar').hide(500); 

Answer 3

選中此項。它會更好看。減少邊欄的寬度增加高度（文本內容以新行中斷）。

只需將您的側欄位置設置爲相對，並將其正確位置降至-150像素（寬度的漸變值）即可。

overflow-x:hidden should be set for parent container 

觀看演示 ​​- > jsfiddle