隱藏/顯示另一個div後調整主div的寬度

Question

我有一個包含兩個div的主div。一個用於主要內容，另一個用於側邊欄內容。邊欄內容在點擊一個鏈接時被隱藏/顯示。所以當側邊欄被隱藏時，我希望內容div作爲容器div佔據整個空間。但是當顯示側邊欄內容時，它應該給左側邊欄留出一些空間並調整自己。這裏是。現在我正在使用jQuery實現。但不知道是否有更好的方法來做到這一點。謝謝

Answer 1

你快到了。我更新了你的代碼。基本上你只需要首先放置側邊欄，將它們左移，然後擺脫主內容上定義的寬度。

<div id="container"> 
    <div id="sidebar"> 
     Sidebar Content 
    </div> 

    <div id="maincontent"> 
     Main Content 
    </div> 
</div> 

#maincontent { 
    float: left; 
    border: 1px solid green; 
    height: 400px; 
} 

#sidebar{ 
    float:left; 
    width:200px; 
    border: 1px solid blue; 
    top:10px; 
    height: 200px; 
}