Prevent Mootools Mouseenter from launching on hidden children

Question

I have a content slider that automatically rotates, when you hover over it, it will stop rotating. My problem is this piece of code:

$$('.holder').addEvents({ mouseover: function(){ clearInterval(rollingon); }, mouseout: begin }); 

HTML:

 <div id="fliptable"> <div class="holder"> <ul class="headliner" style="left: 0;"> <li class="headitem"> <div class="squared" style="opacity: 1;"> *content* </div> </li> </ul> </div> </div> 

Fliptable expands the entire width of the browser. Thus, the various elements of the list change their opacity. Now my problem is hovering when I hover over items in a hidden list. In any case, I can’t have a fire on children?

Here is the JS fiddle: http://jsfiddle.net/AjWuL/

Answer 1

yes, you can just add another class to the list items that you don’t want to parity, and do something like this

 window.onmouseover=function(e){ if(e.target.className!="hiddenelements"){ what you want } 

you need to adapt this to your code, I don't know how to do this in your jsfiddle class.