JQuery hover over an element under an absolute element

Question

Is it possible for a hover jQuery event (or a mouse event or a mouse event) to fire on an element that is placed under a fixed or absolutely positioned div that spans the trigger element? Hope this makes sense. thanks in advance

EDIT This is the solution I came across. Are there any more efficient ways to execute this code? http://jsfiddle.net/GQugb/5/ The only problem is that the user goes very quickly over the mailboxes, in the end they will all be stuck in yellow. Any suggestions?

Answer 1

before editing, I would say "try css: .outer {pointer-events: none;}",

after editing, I would suggest a lock variable for each hover function:

var lock = false; function hover(){ if(lock) return; lock=true; //do stuff setTimeout(function(){lock=false;},1000); //1 second delay }