jQuery/Javascript one time event

On a page I’m working on I have a 50% transparant mask that has as property display: none. I furthermore have 4 buttons on that page. I would like the mask to fade in after one of those buttons is clicked, but it should only happens one time. How can I do that?

Try CSS Animations on the colors:

jQuery has a method (aptly named .one()), which is executed once per element per event type.
Maybe this will help?
http://api.jquery.com/one/