jQuery - fade out when clicking on parent element (and not the parents children)?
I've got the following code on my page, and what i'm trying to do is that when a user clicks outside the #loginBox, i want the entire #loginOverlay to fadeout. But i can't achieve this effect without having the fadeout triggered by clicking on #loginBox... It's placed on the bottom of the page, and i have a link on the page that triggers the fadein. But the fadeout is a bit struggling now tbh. I tried doing this: $("#loginOverlay").click(function() { ...fadeout... }); but it gives me the same result. So any suggestions? Thanks in advance! <div id="loginOverlay"> <div id="loginBox"> <img class=