simple jquery dropdown menu

Question

I need help with jquery. Sorry for my bad english, but i think, that you can understand me.

I have got menu, where on mouse over i must show submenu, and when mouse out this menu i must hide. Here is link: http://butteff.ru/site/menu.htm But i don't know how to do it with this:

when I hover on "quadro" - show dropdown
when I mouse out from quadro - it must hide
when I mouse out from submenu - it must hide
When i mouseout from "quadro" to submenu - it is might not hide

I tryed to do it ( http://butteff.ru/site/menu.htm ) but it is not work. Where is my problem? Can you help me?

Rafay · Accepted Answer · 2011-09-13 19:31:59Z

2

you have an error $(".dropdown").mouseOut is not a function

try mouseout instead of mouseOut

answered Sep 13, 2011 at 19:31

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

butteff Over a year ago

butteff.ru/site/menu2.htm I change it, but it still not works good. May be trouble into algorithm?

Rafay Over a year ago

can you post some relevant code, particularly where you have applied mouseout

John Hartsock · Accepted Answer · 2011-09-13 19:32:11Z

1

In your script you have the following:

  $('.dropdown').mouseOut(function() {...});

This is wrong as there is a typo. The mouseOut should be mouseout as shown below:

  $('.dropdown').mouseout(function() {...});

answered Sep 13, 2011 at 19:32

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

1 Comment

butteff Over a year ago

butteff.ru/site/menu2.htm I change it, but it still not works good. May be trouble into algorithm? What do yo think about it?

akoptsov · Accepted Answer · 2011-09-14 17:41:13Z

0

I can't exactly put the finger on the problem in your code (most probably it fails because 'mouseout' event for link fires before 'mouseover' event for the menu)

I can, however, provide you with my own solution here, which uses $.stop() to suppress fading out on mouse movement from the link to the menu. Hope it helps.

answered Sep 14, 2011 at 17:41

akoptsov

1013 bronze badges

Collectives™ on Stack Overflow

simple jquery dropdown menu

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related