Need help on JQuery mouseover on menu with submenus?

You can use hoverIntent to throttle mousein/mouseouts events to prevent accidential firing (you need this I think...). Check examples on hiverIntent's site. You'll like it.

I'd like to keep the usage of external libraries to a minimum. – netbrain May 5 at 7:55 1 Of course you can check this plugin source and take what you want... At least you'll get some inspiration. – NilColor May 5 at 8:15 Could you provide an example of how you would integrate the plugin with my existing code?(if that isn't too much to ask) – netbrain May 5 at 8:21 OK.

Here it is: jsfiddle. Net/nilcolor/FRS7A/13 Without hoverIntent tuning but it works. – NilColor May 5 at 8:29 See, hoverIntent mimics hover but with some nice additions.

Its really good. – NilColor May 5 at 8:31.

I think this plugin fits exactly for what you want to do : cherne.net/brian/resources/jquery.hoverI....

I hope this is what you want. If not, i'm sure it will guide you to the final solution $(). Ready(function(){ $('ul.

Menu'). Hover(function(event){ var hoverItem = event. Target; //hide other ul's submenu $(hoverItem).

Siblings('li'). Children('ul'). Stop(true,true).hide() //show current submenu $(hoverItem).

Children('ul'). Stop(true,true).fadeIn() },function(event){ //console. Log(event.

Target); $('ul. Menu li'). Children('ul').

Stop(true,true). Delay(1500).fadeOut() }) }); Hope to have helped you. Cheers.

No not quite. Now I if hover on Home to get to Movies then only the home submenu is shown. – netbrain May 5 at 8:05.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions