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!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?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.jsFiddle$(document).ready(function() {   $('.cambridge').hide();     $(#test).click(function () {      $(.cambridge).toggle(slide, { direction: right }, 1000);   });   $('.shopping').hide();     $(#test2).click(function () {      $(.shopping).toggle(slide, { direction: up }, 1000);   });});
jQuery Toggle Animation
javascript;jquery;jquery ui