Question

我希望在帖子悬停时切换帖子列表中的隐藏元素。与twitter类似，当您将鼠标悬停在帖子上时，链接菜单将被取消隐藏。

每一行帖子都有一个“帖子”类。这是我目前的代码：

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

每一行都有一个名为“menu”的span类。

如何为悬停的帖子打开和关闭范围“菜单”？

Answer 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()会阻止跳跃以便快速输入鼠标

在类jquery中指定类

1 个答案: