Take the 2-minute tour ×  I have the following script: JSFIDDLE
As you can see, when you click open - a div slides out. If you
click on the new div, an additional div slides out from under
it. This is working great, but I need two things that I cant
figure out!    1. How do condense the jQuery so I don't have to
add a class to it every time I want a new slider? Is it possible
to do a .sibling kind of thing, or something like this JSFIDDLE?
2. I've tried making a close button, but I cannot get it to work
the way I want. When you click close, I want the bottom div to
close first, then the slide out div to close. And this button
would need to work even if only one div is open.  Thanks for any
help guys, I'm stumped!  $(document).ready(function() {
$(".cambridge").toggle("slide", { direction: "right" }, 1000);
$("#test2").click(function () {
$(".shopping").toggle("slide", { direction: "up" }, 1000);
share|improve this question I figured out the second part! Now
if you hit the close button, the