0

ホバーされたときに、投稿のリスト内の非表示の要素を切り替えたいと思います。Twitter と同様に、投稿にカーソルを合わせると、リンクのメニューが表示されます。

投稿の各行には、クラス「投稿」があります。これが私の現在のコードです：

$("div.post").mouseover(function() {
 $(this).css("background-color", "#f9f9f9");
});
$("div.post").mouseleave(function() {
 $(this).css("background-color", "white");
});

各行には、「メニュー」と呼ばれるスパン クラスがあります。

ホバーされた投稿のスパン「メニュー」のオンとオフを切り替えるにはどうすればよいですか?

4

1 に答える 1

1

元のコードへの単純なチェーン変更：

$("div.post").mouseover(function() {
       $(this).css("background-color", "#f9f9f9").find('span.menu').stop(true,true).slideUp();
}).mouseleave(function() {
       $(this).css("background-color", "white").find('span.menu').stop(true,true).slideDown();
});

スライド効果をtoggle()両方に変更でき、効果なしで非表示/表示されます。マウスを使ってすばやく出入りするためのstop()ジャンプを防ぎます

于 2012-10-28T23:08:41.360 に答える