jqueryとセレクターに関して少し混乱しています。
このサイトhttp://pelloponisos.telesto.gr/でメインメニューを作成しています。私が欲しいのは、直接のサブメニュー(メインメニューのすべてのliの2番目の子)をマウスオーバーで表示し、マウスアウトで非表示にすることです。
マウスオーバーでメニューを機能させるためのjqueryコードは次のとおりです。
$("#access ul li").mouseover(function(){
$(this).find(':nth-child(2)').show();
}).mouseout(function(){
$(':nth-child(2)',this).hide();
});
ただし、ご覧のとおり、コードは1つおきの子と一致するため、すべてのサブメニューが一度に展開されます。
誰かが私が欠けているものを指摘できますか?