一键切换两个 div 的百分比宽度答案

【问题标题】：Toggle two divs percentage width with one button一键切换两个 div 的百分比宽度
【发布时间】：2013-04-30 14:49:40
【问题描述】：

我想用一个按钮切换两个 div 的宽度，如下所示： http://www.ulrichshusen.de

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

我怎样才能用 jquery 完成这个？

【问题讨论】：

欢迎来到 StackOverflow。我们很乐意帮助您解决与您的代码相关的具体问题，但我们不会（在大多数情况下）为您编写代码。你能向我们展示你的标记和你的尝试，并告诉我们你当前的代码有什么问题吗？
另外，这可以完全使用CSS来完成（只是使用js来切换类）。

【解决方案1】：

$(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 是正确的，执行 .addClass 然后添加 div 状态应为的类会很简单。希望这能让你开始。

【讨论】：

谢谢你，Cam，我正在尝试这个并会发布解决方案（如果我找到了）;))
确保添加一个 jsfiddle 以帮助我们解决您的问题。
天哪……！你知道如果设计师试图摆弄 js 会发生什么吗？对！没有！我被困住了！

【解决方案2】：

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

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

【讨论】：