On Mouse Up Outside of These Div's - Revert to Original State?
<p>On JSFiddle: <a href="http://jsfiddle.net/V3ZQr/" rel="nofollow">http://jsfiddle.net/V3ZQr/</a></p>

<p>My most recently implementation attempt</p>

<pre><code>$('#Font-Size .DropList').mouseup(function(e) {
    if ($(this).has(e.target).length === 0) {
        $('.DropBtn a').attr("href", "#Open");
        $('#Font-Size .DropList').stop().animate({
            height: "0px",
        }, 400, function() {$('#Font-Size .DropList').hide()});
    }
});
</code></pre>

<p>My question was going to be regarding on click outside of these containers, however I cannot even work it out for one. Upon clicking anywhere apart from what you see on the JSFiddle, I would like the styling to go back to the default, the drop-menu list to animate back up, basically the same as you see it on page load.</p>
