animating the ASP Menu using jquery

Posted by Sharpcnet under jQuery on 1/9/2014 | Points: 10 | Views : 3107 | Status : [Member] | Replies : 6
Home    Folio     About
- menu1 shop
- menu2 More - a
- b
The asp navigation menu looks something like this and I would like to apply the slideDown effect for submenus when hovered over Folio, About and More.

Tried the below, but it doesnt work.It slides all the submenus when hovered over Folio or About.
$(".has-popup a").hover(function() {
$(this).next("ul.dynamic").slideDown("slow");
}, function() {
$(this).next("ul.dynamic").slideUp("slow");
});
The Menu control adds its own css classes making it even more difficult.

<div class="menu">
<ul class="level1 static">
<li class="static">
<a class="level1 selected static">Home</a>
</li>
<li class="has-popup static">
<a class="static">Folio</a>
<ul class="level2 dynamic">
<li class="dynamic"> <a class="level2 dynamic">menu1</a></li>
Any advice, how to go ahead?




Responses

Posted by: kgovindarao523-21772 on: 1/9/2014 [Member] [MVP] Bronze | Points: 25

Up
0
Down
Hi,

This link may help you.

http://www.myjqueryplugins.com/jquery-plugin/jmenu

Thank you,
Govind

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Allemahesh on: 1/9/2014 [Member] [MVP] Silver | Points: 25
Posted by: Sharpcnet on: 1/9/2014 [Member] Starter | Points: 25

Up
0
Down
@Govind & AlleMahesh,
I am not looking for a plugin. Just want to animate the existing menu.

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: kgovindarao523-21772 on: 1/9/2014 [Member] [MVP] Bronze | Points: 25

Up
0
Down
Hi,

Post your code in your page here , i will look into into it.

Thank you,
Govind

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Bandi on: 1/9/2014 [Member] [MVP] Platinum | Points: 25

Up
0
Down
Refer
http://weblogs.asp.net/hajan/archive/2011/01/30/create-nice-animation-on-your-asp-net-menu-control-using-jquery.aspx
[/LINK] http://dotnet.dzone.com/news/create-nice-animation-your[/LINK]
http://www.packtpub.com/article/animation-effects-aspnet-using-jquery
http://www.dotnetspark.com/links/67766-simple-jquery-menu-animation-using-asp-net.aspx

Mark This Response as Answer
--
Chandu
http://www.dotnetfunda.com/images/dnfmvp.gif

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Rimi1289 on: 4/9/2014 [Member] Starter | Points: 25

Up
0
Down
A very simple pure CSS animated menu.

http://www.encodedna.com/2013/01/css-animated-dropdown-menu.htm

Sharpcnet, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response