2

我需要建立一个list-menuhover效果的。我想要toggle一个包含其他几个类的类。这通常有效,但我有一个问题,即切换效果是在我的列表菜单中的所有列表项上切换类,而不仅仅是在我通过悬停选择的项上。

我做了一个小提琴给你看。

JS小提琴

$(document).ready(function() {

    $("li a").hover(function() {
    $(".lvl3-hover").toggle();

})

});

4

2 回答 2

1

您需要使用.find()仅过滤接收悬停事件的元素:

$(document).ready(function() {
    $("li a").hover(function() {
        $(this).find(".lvl3-hover").toggle();
    });
});
于 2013-02-09T11:05:55.260 回答
0

将鼠标悬停给'>'事件持有者的直接孩子:

试试这个:

$("li a").hover(function () {
    $("> .lvl3-hover", this).toggle();
});
于 2013-02-09T11:13:32.503 回答