Using $(document).one("click", function) to close a drop-down when the user clicks on something else

Using $(document).one("click", function) to close a drop-down when the user clicks on something else

Hi,

I made a drop-down list that is opened when a user clicks on a button.  If the user selects an item, the drop-down is rebuilt so the list is closed.  If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great.  However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down.  This seems simple, but I've been having a really difficult time figuring this out.  I tried .focusout(), but this makes the events I have tied to selecting an item not fire at all.  I also found this little bit of code from a drop-down plugin that should work perfectly, but it fires when the user clicks on the button, so the drop-down never opens:

        $(document).one("click", function () {
            $(".dropdown").toggle();
        });

Does anyone have any ideas?

Thanks,
tkilby