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

Question

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

显示左侧区域时，顶部的菜单会收缩。当左侧区域不显示时，它会展开。

我如何用jquery完成这个?

Answer 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状态应该是什么的类是很简单的。

Answer 2

实际上在顶部导航和你点击来切换左边部分的按钮之间没有联系。该按钮仅控制左侧部分。我做了些努力让你明白。点击下面的链接:

<>以前http://jsfiddle.net/sanman/LveSp/