Code Review Stack Exchange is a question and answer site for peer programmer code reviews. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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 can I 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?

  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.


$(document).ready(function() {
   $("#test").click(function () {
      $(".cambridge").toggle("slide", { direction: "right" }, 1000);
   $("#test2").click(function () {
      $(".shopping").toggle("slide", { direction: "up" }, 1000);
share|improve this question

migrated from Nov 27 '12 at 17:43

This question came from our site for professional and enthusiast programmers.

I figured out the second part! Now if you hit the close button, the bottom slider closes first, then the main slider closes second. I still think there is a way to condense this function so that I don't have to edit it every time I want to add a new div. Any thoughts? – Anthony A Nov 27 '12 at 19:16
I don't understand your first question. What Css Class are you talking about? i don't see you're adding any class. Regarding the second question, you can use the complete callback function on the toggle fn. // That's the second question $('#showmap').click(function() { $(".shopping").toggle("slide", { direction: "up" }, 1000, function () { $(".cambridge").toggle("slide", { direction: "right" }, 1000); }); }); – Raul Fernandez Apr 13 at 10:53

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.