如果div變大而特定的高度，使其靜態？

Question

我有一個由jQuery控制的高度的div。我有一個擴展高度的腳本（「顯示更多」）。問題是，div被設置爲position: fixed;，所以當你擴展足夠的內容超出窗口，你不能看到它。

我想要的是一個jQuery腳本，它使div變爲靜態，並且在窗口外部展開時不會修復。

#left { 
    width: 250px; 
    height: auto; 
    margin-top: 167px; 
    position: fixed; 
    float: left; 
    } 

我不知道該怎麼寫。

在此先感謝！祝你今天愉快。

編輯：差點忘了，我會張貼展開jQuery函數，如果需要的話，但我不這麼認爲。

Answer 1

事情是這樣的：

$('#left').css('position', 'static'); 

或更好：

$('#left').toggleClass('expanded'); 

與CSS：

#left.expanded {position: static;} 

演示：http://jsfiddle.net/WPUzm/