title: Many toggle-slide elements in one page
body: <p>I use this script multiple times to hide some text:</p>
  
  <pre><code>$(document).ready(function(){
    $("#button_to_click_to_toggle").click(function(){
      $("#hidden_div").slideToggle("medium");
    });
  });
  </code></pre>
  
  <p>I want to make it impossible to toggle two hidden divs at once.</p>
  
  <p><strong>Example:</strong></p>
  
  <p>Click on one button (#button1) = the hidden div (#div1) associated to that button shows.</p>
  
  <p>Click another button (#button2) = The div (#div2) associated to that button shows and at the same time #div1 closes (slide to close).</p>
  
  <p>Click another button (#button3) = The div (#div3) associated to that button shows and at the same time #div2 closes (slide to close).</p>