css - z-index or jquery issue -

so i'm trying create action once button clicked website get's covered transparent div , div contains box i'll put content.

here's i've put far.

http://jsfiddle.net/6q8815p7/

when click started button triggers this:

$('.getstarted').click 

at point, figure out how large webfade div should be, , show along box inside.

but issue is, want whole thing hide when black background clicked, not when white box clicked. i've been messing z-indexes no matter try, when click on white box, $('.webfade').click() function get's triggered anyway.

i'm not sure if issue css/z-index or if jquery approach wrong.

any pointers appreciated.

thanks!

you want stop propagation of event through quickstart.

add method.

$('.quickstart').click(function (e) {     e.stoppropagation(); }); 

seen here http://api.jquery.com/event.stoppropagation/