jQuery dropdown menu exclude children from function
<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>
