title: jQuery dropdown menu exclude children from function
body: <p>I have something like this</p>
  
  <pre><code>&lt;div id="dropdown-menu"&gt;
      &lt;div class="visiblestuff"&gt;&lt;/div&gt;
      &lt;div class="foldoutstuff"&gt;
          &lt;form&gt;
              &lt;some input value/&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the #dropdown-menu to be clickable but not it's children so I did this:</p>
  
  <pre><code>$(function() {
      var DropdownChildren = $('div#dropdown').children();
      $('div#dropdown').not(DropdownChildren).click(function(event) {
          var $this = $(this);
          $this.toggleClass('active');
          $('.foldoutstuff').toggle();
      });
  });
  </code></pre>
  
  <p>This works for the background but not the form nodes...
  I think the problem is caused by the toggle() on foldoutstuff</p>
  
  <p>please advise</p>