You could add a click event that only gets fired once to the the mask.
Something like:
$('#maskID').one('click', function(){
$(this).remove();
});
That would take the mask away when the user clicks it.
$(this).remove(); could also be $(this).hide() if you might re-use it
later.
Another solution would be to just set the content div to "display:
none" or "visibility: hidden" in the CSS and then alter that when the
user clicks the mask.
- Dan Evans
On Sep 1, 2:09 am, gianiaz <[EMAIL PROTECTED]> wrote:
> Hi, I don't know how to solve this problem then I ask you, my
> gurus :-)
>
> I created 2 divs, one with the content, and one with a mask to put
> over the content to hide the content I don't want to see on the load
> of the page (with z-index greater then the first one) .
>
> You can see an example here:
>
> http://www.gianiaz.net/jquery/mask/index.html
>
> The problem is that I can't catch the click event on the first span,
> cause the z-index is minor of the mask one.
>
> If I change the zindex order I can click on the element but loose the
> mask effect:
>
> http://www.gianiaz.net/jquery/mask/index2.html
>
> How can I get all work?
>
> Thank you
