Handle clicks on an element but not clicks on links within that element
<p>How do I handle clicks on an element but not clicks on links within that element?
Say I have the following</p>

<pre><code>&lt;div class="section"&gt;
    Some text blah blah
    &lt;a href="#"&gt;Link&lt;/a&gt;
&lt;/div&gt;
&lt;script&gt;
    $(".section").click(function() {
        // code to expand/collapse section
    });
&lt;/script&gt;
</code></pre>

<p>And I want users to be able to click on .section in order to expand/collapse it but I don't want that to happen if they clicked on a link within that section.</p>
