jquery: prevent click inside div from closing it ... all elements
<p>Problem as in subject.</p>

<p><strong>Sample</strong>:</p>

<pre><code>&lt;div id="trigger"&gt;click here&lt;/div&gt;
&lt;div id="slider"&gt; content goes here: form elems, divs, spans, a etc. &lt;/div&gt;
</code></pre>

<p><strong>How do I do it so far</strong>:</p>

<pre><code>    $(document.body).click(function(event){ 
        var target = $(event.target); 
          if (!target.is("#trigger") &amp;&amp; !target.is("#slider") &amp;&amp; [all elems in slider.div...]
}
</code></pre>

<p><strong>What I try to accomplish</strong>:<br>
Avoid listing all slider.div elems by id - if possible.
<br>
Allow one elem like div with id="close" inside of slider div to close it.</p>
