Ho provato a fare un menu con effetto slide di mootools al passaggio del mouse ed ho scritto questo piccolo script in javascript che però non funziona. Non riesco a capire dov'è l'errore. Qualcu no più bravo di me mi aiuta? Ecco il codice che ho scritto.
window.addEvent('domready', function(
$$('#mainmenu').each(function(el) {
el.ParentItems = [];
for(var i = 0; i < el.childNodes.length; i++) {
if(el.childNodes[i].className.indexOf('parent') >= 0){
el.ParentItems.push(el.childNodes[i]);
}
}
el.ChildElements = [];
for(var i = 0; i < el.ParentItems.length; i++) {
el.ChildElements.push(el.ParentItems[i].getElementsByTagName('ul')[0]);
}
if ( el.ParentItems.length > 0 ){
var myFx = new Fx.Slide(el.ChildElements, $merge({
duration: '700',
transition: Fx.Transitions.Bounce.easeOut
}));
}
for(var i = 0; i < el.ParentItems.length; i++) {
myFx.hide();
el.ParentItems[i].addEvents({
'mouseenter': function(){
myFx.hide().slideIn();
},
'mouseleave': function(){
myFx.slideOut();
}
});
}
});
});