title: Toggle box closed, as other opens?
body: <p>Can someone help me out with this code, i assume its easy if you know how..?</p>
  
  <p>Currently click to toggle box appears below.</p>
  
  <p>I need it so when you click on the other toggle, the box currently open closes, so its basically impossible for them to be both open at the same time?</p>
  
  <p>But you can still toggle each individual one open/closed as normal, just when its open the other one (if open) closes also.</p>
  
  <p>So far.. <a href="http://jsfiddle.net/CkTRa/380/" rel="nofollow">http://jsfiddle.net/CkTRa/380/</a></p>
  
  <p>Thank you.</p>
  
  <p>UPDATE:</p>
  
  <p>Can it work with targeting independent boxes like so...?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
  &lt;h3 class = "trigger"&gt; &lt;a href="#box1"&gt;Heading 1&lt;/a&gt;&lt;/h3&gt; 
  &lt;/div&gt;
  &lt;div&gt;
  &lt;h3 class = "trigger"&gt;&lt;a href="#box2"&gt;Heading 2&lt;/a&gt;&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;div class = "toggle" id="box1"&gt;
      box one content
  &lt;/div&gt;
  &lt;div class = "toggle" id="box2"&gt;
      box two content
  &lt;/div&gt;​
  </code></pre>
  
  <p>jQuery so far:</p>
  
  <pre><code>$(".trigger").click(function(){
      $(this).next(".toggle").slideToggle("slow");
  });
  </code></pre>