Einmal geklicktes div einblenden und beim Außenklicken ausblenden
Ich versuche, das # subscribe-pop div anzuzeigen, sobald auf einen Link geklickt wird, und es auszublenden, wenn Sie irgendwo außerhalb davon klicken. Ich kann es ein- und ausblenden lassen, wenn ich Folgendes ändere:
$('document').click(function() {
ZU
$('#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>
Skript:
<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>