Montrer div une fois cliqué et masquer en cliquant à l'extérieur de

J'essaie de montrer l' #abonnez-pop div une fois qu'un lien est cliqué, et de le cacher en cliquant n'importe où à l'extérieur. Je peux le faire pour afficher et masquer si je change l':

$('document').click(function() {

À

$('#SomeOtherRandomDiv').click(function() {

HTML:

<div id="footleft">
    <a href="#" onclick="toggle_visibility('subscribe-pop');">Click here to show div</a>
    <div id="subscribe-pop"><p>my content</p></div>
</div>

Script:

<script type="text/javascript">
    function toggle_visibility(id) {
        var e = document.getElementById("subscribe-pop");
        if(e.style.display == 'block')
            e.style.display = 'none';
        else
            e.style.display = 'block';
        }
    }

    $('document').click(function() {
        $('#subscribe-pop').hide(); //Hide the menus if visible
    });

    $('#subscribe-pop').click(function(e){
        e.stopPropagation();
    });
</script>
stackoverflow.com/questions/152975/...
Utilisation $(document), pas $('document')

OriginalL'auteur rizzledon | 2013-04-24