CODEWITHSUNDEEP
javascriptjqueryhtml
supersize
supersize

Reputation: 14823

hover behaviour should continue on overlayed element

I have an issue with jQuery's .hover() method. I have a few paragraphs inside a tags which I use as a menubar. What I intend to do is, if I hover one of these menulinks, a new element gets displayed over the menulink which contains links to submenu links. The problem is, that the .hover() stops working immediately.

I did a simple FIDDLE to show my problem.

Any help is much appreciated.

Edit: Worth to say is, that I also want the sublinks to be clicked, so the hover must be still working then. It only stops when I leave the red div.

Upvotes: 0

Views: 36

Answers (1)

lpg
lpg

Reputation: 4937

What about this?

$('p').hover(function() { $('div').fadeIn(); }, function() {  });
$('div').hover(function() { }, function() { $('div').fadeOut(); });

Demo fiddle: http://jsfiddle.net/lparcerisa/1urs0wfr/2/

Upvotes: 3

Related Questions