Dropdown Menu Toggle Close
<p>I have a simple dropdown menu that works nicely but is there a way so that if you click anywhere but the ul it will toggle it closed again?</p>

<p>Jquery</p>

<pre><code>$('.header').click(function() {
    $('.menu').toggle();
});
</code></pre>

<p>HTML</p>

<pre><code>&lt;a class="header" href="#"&gt;All&lt;/a&gt;
&lt;ul class="menu"&gt;
    &lt;li&gt;All&lt;/li&gt;
    &lt;li&gt;1&lt;/li&gt;
    &lt;li&gt;2&lt;/li&gt;
    &lt;li&gt;3&lt;/li&gt;
    &lt;li&gt;4&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
