Jquery SlideToggle .click problem
<p>Im using the following:</p>

<pre><code>$(function() {
    $(".StaffSubjectClassNav ul").hide();
     $('.StaffSubjectClassNav h3').click(function(){
     $(this).toggleClass('clicked');
     $(this).next('ul').slideToggle('100');
    });
});
</code></pre>

<p>On the following HTML:</p>

<pre><code>&lt;h3&gt;&lt;a href="link"&gt;Link&lt;/a&gt;&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Link1&lt;/li&gt;
&lt;li&gt;Link2&lt;/li&gt;
&lt;li&gt;Link3&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>It works perfectly, hides the <code>&lt;UL&gt;</code> and shows it when I click on the <code>&lt;H3&gt;</code>.</p>

<p>However <code>&lt;a&gt;</code> is also a link, how can I set the script so that if they click the <code>&lt;a&gt;</code> inside the <code>&lt;H3&gt;</code> it doesn't slideToggle?</p>
