jQuery - Many toggle sliders, only one visible at the time
<p>I have four jquery sliders in a page with these scripts:</p>

<pre><code>$(document).ready(function(){
  $("#information").click(function(){
    $("#information_show").slideToggle("medium");
  });
});

$(document).ready(function(){
  $("#menu").click(function(){
    $("#menu_slide").slideToggle("medium");
  });
});

$(document).ready(function(){
  $("#books").click(function(){
    $("#books_toggle").slideToggle("medium");
  });
});

$(document).ready(function(){
  $("#content").click(function(){
    $("#content_div").slideToggle("medium");
  });
});
</code></pre>

<p>So for example when I click on the div <code>#information</code> the <code>#information_toggle</code> is visible. I wounder if there is any way to make the sliders only show one at once.</p>

<p>Example: When click on <code>#books</code>, the <code>#books_toogle</code> show. Now when click on <code>#menu</code> the <code>#menu_slide</code> shows, at the same time the <code>#menu_slide</code> shows <code>#books_toggle</code> toogle/close automatic. So only one hidden div will show at once.</p>
