jquery - 一键切换两个 div 的百分比宽度

Question

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

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

我怎样才能用jquery做到这一点？

Answer 1

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

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

Answer 2

$(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 状态应为的类会很简单。希望这能让你开始。