まず、私が抱えている問題を説明させてください。私が話していることを知るには、http://dev.eduantech.com/about-meにアクセスしてください。私が話していることがわかるように、ページでなければなりません。ホームページにすることはできません。
では、少なくともサブメニューがあるメニューにカーソルを合わせてください。li
親にカーソルを合わせると、背景と同じ色であるため、子li
が「見えなくなる」ことに気付くでしょう。子要素にカーソルを合わせると、その逆になります。
私が理解する必要があるのは、すでにお察しのとおり、マウスがこれらのいずれかの上にあるときはいつでも、もう一方も白くなるということです。
私は次のような疑似コードを作成しました:
$('li.menu-parent-current > li.menu-child-current a').hover(
function() {
$(this).css('color', '#fdfdfd');
}, function() {
if (/* mouse leaves parent as well */) {
// change child color to blue
} else if (/* mouse did not leave parent */) {
// make child color white
$(this).css('color', '#fdfdfd');
}
});
これには間違いなく改善の余地があるので、必要に応じてより良いバージョンを提供してください。:)
私はこれについて過去数時間過ごしましたが、解決できません。それは簡単なことだと確信していますが、私はjQueryの専門家ではありません。ご協力いただきありがとうございます。:)
編集:
うーん...私はそれを複雑にしすぎていたことがわかりました。比較的初心者であるため、正しく考えることができません。:P