Question

I need to trigger two slide-in divs with one button. I have played around with http://jsfiddle.net/hoptubtowers1/VmSX4/133/ I want the result like a simple pair of curtains. On the first click, the “red” curtain slides out left and the “green” curtain slides out right. On the second click, the “curtains” will close.

Answer 1

just checked it… this script should do the trick.

function toggleDivs() {
    var $red = $("#red");
    var $green =$("#green");
       if ($green.position().left*1 == 200) {
            $red.animate({  left: "-400px"  });
            $green.animate({left: "400px"  });
    }
    else {
            $red.animate({  left: "-200px"  });
            $green.animate({left: "200px"  });
    }

}


$("button").bind("click", function() {
    toggleDivs();
});