With a little help from wowenkho (http://www.mooforum.net/member/wowenkho/).

That happens: I open menu1 with a click. When clicking on menu2, menu 1 closes. I have to click menu2 again to open it. It is absolutely logical, but sadly not the behavior I was looking for ^^

Any other ideas?

I would also like to see a mouseover event. When changing from click to mouceover or mouseenter, it works to open the menu.
But i can not manage to have it close on mouseout.

any idea?

This drop down still works fantastic with mootools 1.3.

Thank you for sharing this! You made my day :)

Mouseover seems complicated.. when the user goes to the child the list will just disappear! obviously because the you just left the ‘mouseover’ area

[code]
/* function to show menu when clicked */
dropdown.addEvent('click', function(e) {
if(e) e.stop();
if(tmp == false){
showMenu();
tmp = true;
}else{
hideMenu();
tmp = false;
}
});
[/code]

This does the trick though; menus are collapsible now. To keep it all in sync, this needs to be added too:

/* hide when clicked outside */
$(document.body).addEvent(‘click’,function(e) {
if(showingParent && !e.target || !$(e.target).getParents().contains(showingParent)) {
hideMenu();
tmp = false;
}
});

Hmm…..