Toggle two divs percentage width with one button

问题

i want to toggle the width of two divs with one button as seen on: http://www.ulrichshusen.de

The menu on top shrinks while the left area is shown. And it expands while the left area isn't shown.

How can i accomplish this with jquery?

回答1:

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

Here is to add class and remove class

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

This should help you get started in the right direction. You will probably need some if statements added and or current states of each, but Christian Varga is correct it would be simple to do .addClass then add the class of what the div state should be. Hope this gets you started.

回答2:

Actually there was no connection between top nav and the button you click to toggle left section. The button only controls left section. I did some work for you to understand. Follow the link below:

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

来源：https://stackoverflow.com/questions/16302819/toggle-two-divs-percentage-width-with-one-button