title: Using jquery to determine if any elements within a div was clicked
body: <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>