Jquery 用一个按钮切换两个div百分比宽度

我想用一个按钮切换两个div的宽度，如图所示：

显示左侧区域时，顶部的菜单将缩小。 它会在左侧区域未显示时展开

如何使用jquery实现这一点

$(document).ready(function(){
 $('**button class here**').click(function(){
   $('div to be resized').toggle();
   $('div to be resized').toggle();
   )};
});

下面是添加类和删除类的步骤

$(document).ready(function(){
 $('**button class here**').click(function(){
   $(this).sibling().removeClass().addClass();
   )};
 });

---

这将帮助您朝着正确的方向开始。您可能需要添加一些if语句和/或每个语句的当前状态，但是Christian Varga是正确的，这将很简单。希望这能让您开始。

实际上，顶部导航和您单击以切换左侧部分的按钮之间没有连接。该按钮仅控制左侧部分。我做了一些工作让你明白。请点击以下链接：

http://jsfiddle.net/sanman/LveSp/

---

http://jsfiddle.net/sanman/LveSp/Welcome 溢出。我们很乐意帮助您解决与代码相关的特定问题，但我们不会（在大多数情况下）为您编写代码。你能告诉我们你的标记和你的尝试，并告诉我们你当前的代码中有什么不起作用吗？同样，这可以完全使用CSS来完成（只需使用js切换类）。谢谢你，Cam，我正在尝试，并将发布解决方案（如果我找到的话）；）确保添加一个JSFIDLE来帮助我们解决您的问题。。。！你知道如果设计师试图摆弄js会发生什么吗？正确的！没有什么！我卡住了！