title: Jquery accordion collapse all
body: <p>I'm using this to expand or collapse some div</p>
  
  <pre><code>    $("h3.trigger").click(function(){
      $(this).toggleClass("active").next().fadeToggle(500,"swing");
      return false;
  });
  </code></pre>
  
  <p>on this html code </p>
  
  <pre><code>    &lt;div class="foo"&gt;
      &lt;h3 class="trigger active"&gt;Test 1&lt;/h3&gt;
      &lt;div class="block" style="display:block"&gt;
          &lt;p&gt;Lorem ipsum dolor &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="foo"&gt;
      &lt;h3 class="trigger"&gt;Test 2&lt;/h3&gt;
      &lt;div class="block" style="display:none"&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="foo"&gt;
      &lt;h3 class="trigger"&gt;Test 3&lt;/h3&gt;
      &lt;div class="block" style="display:none"&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and everything works fine ;-)</p>
  
  <p><strong>But I would like to be able to collapse all div opened except the one opened by the h3 click !</strong></p>
  
  <p>Thanks for your help...</p>
  
  <p>Chris</p>