このコードを使用すると、クラス「steps-hover」の div にカーソルを合わせて、display: none (スタイルシート内) から display: block に変更できます。完璧に動作します。しかし、ホバリング中に別のクラスの表示を変更したい場合はどうすればよいでしょうか? それが私が混乱しているところです。
最終的に、div「steps-hover」にカーソルを合わせ、以下と同じ結果を保持しますが、クラス「デフォルト」の別のdivのcssをdisplay:noneに変更します。これが私の現在のコードです:
function over(event) {
$('.steps-hover', this).stop(true, true, true).fadeIn(500);
$('.steps-hover', this).css("display", "normal");
}
function out(event) {
$('.steps-hover', this).stop(true, true, true).fadeOut(500);
}
では、そこに .default への変更を追加するにはどうすればよいですか? いくつかの異なることを試しましたが、うまくいきませんでした。私の仮定はかなり外れているに違いなく、jquery API ドキュメントで答えを見つけることができません。助けてくれてありがとう!