title: jQuery toggle - Close all except this
body: <p>I have found this code (jQuery):</p>
  
  <pre><code>$('.toggle').click(function() {
      $('.container').eq($(this).index()).toggle('fast');
  });
  </code></pre>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;h4 class="toggle"&gt;Title1&lt;/h4&gt;
  &lt;h4 class="toggle"&gt;Title2&lt;/h4&gt;
  &lt;h4 class="toggle"&gt;Title3&lt;/h4&gt;
  &lt;div class="container"&gt;Content1&lt;/div&gt;
  &lt;div class="container"&gt;Content2&lt;/div&gt;
  &lt;div class="container"&gt;Content3&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.container {
     display: none;
  }
  </code></pre>
  
  <p>I can toggle what I want with it.</p>
  
  <p><strong>The problem</strong></p>
  
  <p>When I click the toggle-class I want to close all open container-classes BUT NOT the current container-class (because it should be toggled).</p>
  
  <p>The current container-class should toggle. That means that all elements could be closed BUT ONLY ONE could be opened at the same time.</p>
  
  <p>I tried to just put jQuery hide before the script but that makes the container-class impossible to close (because when toggle hide is equal to show).</p>
  
  <p><strong>Code guess</strong> <em>hide all .container except this</em></p>