Show and Hide a Div on mouseover and mouseout

Question

I want to open a div containing few links in it on mouseover of an image and to hide that div on mouse out. but the problem i am facing is that the div also hides when i try to go on any link of that div coz the mouseout event of image fires which hide the div.

may this question helps http://stackoverflow.com/questions/350639/how-to-disable-mouseout-events-triggered-by-child-elements — rab, Mar 04 '13 at 06:11

score 1 · Answer 1 · answered Mar 04 '13 at 06:10

1

use

transition-delay:some value in sec;

and on

div:hover {
display:block; 
}

and for full help show us the code

answered Mar 04 '13 at 06:10

Sahil Popli

1,967
14
21

score 0 · Answer 2 · answered Mar 04 '13 at 06:13

check this Demo this is big help for me in my previous work maybe can help you also...

Jquery

$(function() {

                $('#selectBox').click(function() {
            $('.selectBoxContent').slideToggle('fast');
            return false;

        });
            });

Show and Hide a Div on mouseover and mouseout

2 Answers2