JQuery - also trigger change on click away
<p>I have a basic JQuery script that changes a few divs when you click - thus showing them - via toggle.</p>

<pre><code>&lt;script type="text/javascript"&gt;
     $('#content_display').click(function() {
         $(this).toggleClass('selected');
         $('#content_display_selector_container').toggle();
     });
&lt;/script&gt;
</code></pre>

<p>However - to call the even you need to click only on the first main div with the ID of "content_display".</p>

<p><strong>My question is this:</strong> how can I hide these changes using JQuery if the user also clicks on BODY - i.e. if you click away, the divs go back to their original hidden state?</p>

<p>Thanks for helping a JQuery clutz!</p>
