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/

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

2 个答案: