javascript - マウスオーバーとマウスアウトで Div の表示と非表示を切り替える

Question

画像のマウスオーバーでいくつかのリンクを含むdivを開き、マウスアウトでそのdivを非表示にしたい。しかし、私が直面している問題は、そのdivのリンクに移動しようとすると、divを非表示にする画像のマウスアウトイベントが発生して、divも非表示になることです。

Answer 1

使用する

transition-delay:some value in sec;

そして

div:hover {
display:block; 
}

完全なヘルプについては、コードを表示してください

Answer 2

このデモをチェックしてください。これは私の以前の仕事で私にとって大きな助けになりました。おそらくあなたにも役立つでしょう...

Jクエリ

$(function() {

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

        });
            });