jquery - has()とis()を組み合わせたJquery

Question

スタイリングのためにいくつかのクラスを変更するために jquery を必要とするドロップダウンを構築しています。基本的に子liを持つクラスにクラスを追加するこのコードはうまく機能しますul

$('#nav ul li:has(ul)').hover(
    function(){
        $(this).addClass('dropdown')
    },
    function(){
        $(this).removeClass('dropdown')
    }
);

私が抱えている問題は、誰かがこのリンクをクリックしてカーソルを動かさaddClassない場合、マウスが要素を離れて.hover再び .

ここで問題を確認できます。[Industry Sectors] リンクをクリックし、マウスを動かさないでください。

を見つけまし.is(":hover"たが、現在の で動作させる方法がわかりませんhover()。それらを同じ関数に保持できますか、それともそれほど単純ではありませんか?