title: How to use javascript onclick on a DIV tag to toggle visibility of a section that contains clickable links?
body: <p>Hi I've got a DIV section that has only its title visible initially. What I would like to achieve is that when the visitor clicks anywhere on the area of <code>toggle_section</code> the <code>toggle_stuff</code> div toggles between visible/hidden.</p>
  
  <pre><code>&lt;div id="toggle_section" 
       onclick="javascript: new Effect.toggle('toggle_stuff', 'slide');"&gt;
      &lt;div id="toggle_title"&gt;Some title&lt;/div&gt;
      &lt;div id="toggle_stuff"&gt;
          some content stuff
          &lt;a href="/foo.php"&gt;Some link&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, the way it is set-up right now, if I have any <code>&lt;a&gt;</code> link within the <code>toggle_section</code>, clicking that link will also execute the onclick event.</p>
  
  <p>Then my question is what would be the best way to set this type of behavior?</p>