Menu - Only show level 2 when mouse ouver

I'm using this theme in a 2 level menu.
I would like to show the second level, only when I do a mouseover!
Even when I have a 1st or 2nd level active, I would like to had it hidden.

I had a look on the .js and on the .css, and I still didn't find the solution.

help ,
j0a0

? it work like that???

I hope so!

maybe I didn't explain myself, I'll try again!

What I meant is... I have three 1st level menus, each one width three 2nd level ones...

I wanted that the 2nd level menus only become visible when you mouseover the 1st level menu.

thanks,j0a0

You mean now they stay in 1st level item is "active", you want to go even further to show them only if mouse if over 1st level item

exactly...
Is it to hard?

thanks,
j0a0

It can be made but you would have to pay us for small custom job (if you want we do it). If you want to go yourself file for modification is :

templates\hot_flashes\flashes_menu\menu.js

after this line:

var item = jQuery(this).attr('id');

add:

item.parent().parent().find("> LI").removeClass("currBlock");
item.parent().addClass("currBlock");

then use class .currBlock to hide inner UL unless mouse hover:

.currBlock UL{
display:none!important;
}

.currBlock:hover UL{
display:block!important;
}