Using jquery to determine if any elements within a div was clicked
<p>How can I tell using jQuery if an any element within a div (panel1) was clicked?  I have this piece of code that I use to show/hide a popup:</p>

<pre><code>$('body').click(function (e) {
        if ($(e.target).attr('id') == 'link1') {
            $('#panel1').show();
        } else {
            $('#panel1').hide();
        }
    });
</code></pre>

<p>The problem is that the popup (panel1) gets dismissed if I click on any control/element within panel1.  I'd like to keep panel1 open unless an area outside panel1 is clicked (or if link1 is clicked again).  How can I revise this code to achieve this?  Thanks...</p>
