javascript - 倾斜边框第 n 个子元素悬停

Question

所以我找到了解决导航栏倾斜边框的方法:http://jsfiddle.net/Hfkk7/1101/

我的 list 中有六项。我的悬停和事件状态与 active:after using pngs 配合得很好。

我现在的问题是在其兄弟悬停时选择事件状态左侧或右侧的元素以删除右侧或左侧背景图像。

假设第 4 个元素处于事件状态。当我将鼠标悬停在元素 5 上时，我需要更改元素 4 右侧的边框，即使它已经设置为具有事件背景颜色或其他颜色。

将鼠标悬停在 3 上我需要更改 4 上的左侧背景等。

我正尝试在 jQuery 中用悬停做这样的事情:

$(".third").hover(function(){
    $(".second.active:after").addClass("active-hover");
});

尝试仅使用 CSS 完成所有操作，但到目前为止无济于事。

提前致谢。

Answer 1

在设置新元素之前从所有元素中删除类:

$('.active-hover').removeClass('active-hover');