show/hide a div on hover and hover out

jquery html css hover

Tsukimoto Mitsumasa · Jun 20, 2012 · Viewed 157.1k times · Source

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

here's what I've done lately.

css

My problem is that when I hover on the menu id, the flyout div is blinking. why is that?

Answer

Why not just use .show()/.hide() instead?

$("#menu").hover(function(){
    $('.flyout').show();
},function(){
    $('.flyout').hide();
});