jQuery Accordion
<p>My Accordion menu HTML</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;
    &lt;a href="http://google.com"&gt;Accordion Header&lt;/a&gt;
      &lt;ul&gt;
       &lt;li&gt;
         &lt;a href="http://another.com"&gt;Link 1&lt;/a&gt;       
       &lt;/li&gt;
       &lt;li&gt;
        &lt;a href="http://another.com"&gt;Link 2&lt;/a&gt;      
       &lt;/li&gt;
       &lt;li&gt;
        &lt;a href="http://another.com"&gt;Link 3&lt;/a&gt;      
       &lt;/li&gt;
      &lt;ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Currently there is a click event when clicking the <code>&lt;li&gt;</code> wrapping the first <code>&lt;a...&gt;Accordion Header&lt;/a&gt;</code> which expands the menu items below.</p>

<p>However when clicking the link: <code>&lt;a href="http://google.com"&gt;Accordion Header&lt;/a&gt;</code> the link gets loaded and the accordion expands.</p>

<p>Is there anyway, using jQuery, to prevent the click on the <code>&lt;a&gt;</code> from expanding the Accordion? Is there some kind of function I can use, <code>.stop</code>?</p>
