Question

have made a simple mouse over event for “maindiv” using javascript,
– to visible “divsub”

and a mouse out event
– to hide “divsub”

works fine too fine,

problem

have to allow user to use control within “divsub” but “divsub” dissappears as soon as mouse is out of “maindiv”

note

while asking this a few simple solutions did come to mind, now this appears like a stupid thing, but

am interested in knowing the proper way to achieve the above “mouseover effect on a menu (made of labels)”

Answer 1

best done in css. it will perform more efficiently too.

#divsub {
    display: none;
}

#maindiv:hover #divsub {
    display: block;
}