如何在JQuery中隱藏一個div並更改另一個div的大小？

Question

我希望能夠點擊一個特定的鏈接，然後將我隱藏側邊欄<section>和調整的內容<section>。目前我有隱藏機制的工作，但我正在努力調整大小的一部分。

我的代碼是目前如下：

$(document).ready(function() { 
     $('#sidebar-toggle-link').click(function() { 
       $('#container-sidebar').toggle('slide'); 
     }); 
}); 

我嘗試了第二個函數中添加此：

var toggle_width = $('#container-content').width() == 100 ? '74%' : '100%'; 
$('#container-content').animate({ width: toggle_width }); 

然而，這縮放內容<section>至100％，但不回來當鏈接被點擊一次 - 側邊欄再次出現，但內容<section>得到100％的大小轉移到側邊欄的下方，仍。

我如何在JQuery中做到這一點？

Answer 1

嘗試此代替：

var toggle_width = $('#container-content').width() == $(window).width() ? '74%' : '100%'; 

窗口或任何父至極100％的寬度被定位。

當你的問題就解決了你可以試試這個也取決於應用到你的元素（如填充，保證金）風格

$('#container-content').outerWidth() == ...