Custom select in jQuery
<p>on my site i want to do a custom select. On click i want to slideDown a div, which have some filters. Structure:</p>

<pre><code>&lt;div class="select" style="position:relative;height:20px;"&gt;
   &lt;span class="label"&gt;somelabel&lt;/span&gt;
   &lt;div style="display:none;position:absolute;top:20px;left:0;" class="select_inner"&gt;
      &lt;label for="something"&gt;
         &lt;input type="text" name="something"&gt;
      &lt;/label&gt;
      &lt;label for="something"&gt;
         &lt;input type="text" name="something"&gt;
      &lt;/label&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Div with class select_inner is hidden, i want to show it when somebody click on span width class label. And hide when somebody click on everything else except div with class select_inner. And thats the problem... I try something like this:</p>

<pre><code>$('.select').click(function(){
   var select = $('.select_inner', this);
   select.slideDown();
   $(this).parents().click(function(){
      select.slideUp();
   });
});
</code></pre>

<p>And it works but wrong. When i click on my div, child div slides down and instantly up...</p>
