show/hide a div on hover and hover out

Question

I would like to show and hide a div during hover and hover out.

here\'s what I\'ve done lately.

css

Answer 1

May be there no need for JS. You can achieve this with css also. Write like this:

.flyout {
    position: absolute;
    width: 1000px;
    height: 450px;
    background: red;
    overflow: hidden;
    z-index: 10000;
    display: none;
}
#menu:hover + .flyout {
    display: block;
}