RadMenu ClickToOpen Mouseout to close

[Nona]

Hi,

I've been trying to figure out how to make the RadMenu expand on click, but close when the mouse moves away from the child item.

I have been able to get it to work with a regular RadMenuItem as a child Item.

However my child item is a custom Item Template.  With the custom item template, the Mouseover/out events just don't seem to fire.

I have found some jquery methods to put on the div's in my custom item template, however, I'm not sure how to close the menu from inside the jquery event, since I don't have a reference to the radmenu or radmenuitem.

I've searched long and hard on this site and others to figure out a solution.

Thanks,
Nona

[Princy]

Hi Nona,

Try the following code snippet to achieve your scenario.

JS:

<script type="text/javascript" >
   $('.rmTemplate').hover(
         function () {
         },
         function ()
         {
             var menu = $find("<%=RadMenu1.ClientID %>");
             menu.close();
         }
     );
</script>

Thanks,
Princy.