フライアウト メニューに Chris Coyer のコードを使用しています。
$(function(){
$(".mega-menu li").hover(function(){
$(this).addClass("hover"); // Add a .hover class to this item.
$(".mega-menu li").not(this).removeClass("hover"); // Remove the hover class from all others.
$('div:first',this).css('visibility', 'visible'); // Reveal the currently hovered item's flyout menu.
}, function(){
$(this).removeClass("hover");
$('div:first',this).css('visibility', 'hidden'); // Hide the currently hovered item's flyout menu.
});
});
iPad で、フライアウト メニューのリンクをたどると、[戻る] ボタンを押すと、別の項目をクリックしてもフライアウト メニューが表示されたままになることに気付きました。「ユーザーが項目の上にカーソルを置いたときに、その項目の子以外のすべてのフライアウト メニューを非表示にする」のようなことを伝える必要があると思います。
そうですか?どうすればそれを行うことができますか?
ありがとう。