[Solved] MVC Parent Menu Item Hover Event Show Parent Page.

[Charles]

I am having trouble getting the MVC Razor Menu to behave the way I want it too. The desired behavior is when the parent menu item is hovered over I want to show a ceratin webpage pased on the menu item. Example: The Home button should show the /Home, the About should show /About, ect... I am using the menu.Add().Text("Home").Action("Index", Home); to control the click behavior. I want the hover to behave just like the click behavior except just show the correct form unless clicked on. Can anyone help me with this?

Thanks,

W.

[Dimo]

Hello,

You can achieve the desired behavior by executing the following script in the Menu's OnLoad client event.

$(this).find("a.t-link").hover(function(){
    document.location.href = this.href;
});

I am not sure what exactly your scenario is, but generally, navigating to another page on mouse over is extremely bad practice in terms of usability and user experience. I recommend you to not use this approach.

Regards,
Dimo
the Telerik team