Question

I have a full screen overlay for an About page, which sits over the content of the site when called.
I’d liek the user to be able to click anywhere to close the overlay. However, this conflicts with hyperlinks within the about text. So if I click on a hyperlink within the overlay, it’ll close the overlay, and then go to the hyperlink.
How can I separate the hyperlinks from that which is not a hyperlink?

here is a jsfiddle to demo the issue. http://jsfiddle.net/USzAb/

Answer 1

Just add this to stop click event propagation on all hyperlinks inside #ablock

$("#ablock a").click(function(event) { event.stopPropagation(); });