jquery - Jquery - ホバーを処理するより良い方法

Question

デフォルトで最上位のみを表示するリストがあります。ホバーすると、サブメニュー項目が表示されます。これは意図したとおりに機能しますが、常に 1 つのメニューが開いたままになります。これは、on クラスが最後にホバリングされた項目に残るためです。これを行うにはもっと良い方法が必要だと思いますが、サイトで見た他の例は、私が求めているものとはまったく違うようです? 以下の例を参照してください。

http://jsfiddle.net/aaronk85/6PfKb/

Answer 1

jQuery hover メソッドは実際には 2 つの関数を使用します。1 つ目は「上」(またはイン) 用で、2 つ目は「オフ」(またはアウト) 用です。

フィドルを正しい構文で更新しました。

http://jsfiddle.net/6PfKb/9/

var $link = $('ul.internal-dropdown li.top-level');
$link.hover(function() {
    $(this).addClass('on');
}, function() {
    $link.removeClass('on');
});​