I've searched and search not only google but also here and still have to find a solution that will work.

I have a div that is hidden by default, then toggled by clicking on a link. I also want it to hide when you click outside of the div. Simple, I thought, but nothing I've tried had worked yet.

This is the jquery:

<script type="text/javascript">
    function toggleDiv(divID) {
    $("#"+divID).fadeToggle(200);
    }
</script>

And the link that toggles it:

<a onclick="toggleDiv('myDiv');">Link</a>

And then the div:

<div id="myDiv">
stuff
</div>

If anyone has any advice, I would really appreciate it.