0

こんにちは、私はアクセシブルなメガメニューを作ろうとしています。ドロップダウンメニューをホバーするとうまく表示できますが、ユーザーがマウスを持っていない場合、つまりリンクがフォーカスされている場合は、スライドダウンする必要があります。フィドルの結果フレーム（ http://jsfiddle.net/Dcws6/1/ ）をクリックし、 Alt + Tab（Safari）タブ（Windows）を押すと、これを試すことができます。私のjqueryに何か問題があるに違いありませんが、私は一生それを理解することができません。

私がやろうとしているもう1つのことは、次のアニメーションが起動する前に1つのアニメーションが終了することを確認することです。つまり、「私たちについて」にマウスオーバーすると、ギャラリーに「私たちについて」ドロップダウンメニューがスライドアップするのを待ってからスライドダウンします。ギャラリーのドロップダウン。

ありがとう

4

1 に答える 1

1

焦点はリンクにあり、リンクdivを含むリンクにはありません。

$('.drop a').focus(
function() {
    $(this).closest("li").find('div.nav-container').stop(true, true).delay(500).slideDown('slow');
});
$('.drop a').blur(
function() {
    $(this).closest("li").find('div.nav-container').stop(true, true).delay(500).slideUp('slow');
});​

デモ

于 2012-07-31T15:09:44.550 に答える