倾斜的边界nth儿童悬停

Question

所以我找到了一个解决方案，在导航上设置了倾斜的边框：http://jsfiddle.net/Hfkk7/1101/

我的清单中有六件物品。我有悬停和活动状态与活动状态良好配合：使用png后。

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

所以让我们说第4个元素是活跃的。当我将鼠标悬停在元素5上时，我需要更改4右边的边框才能更改，即使它已被设置为具有活动的bg颜色或其他颜色。

悬停在3上我需要在4上左侧背景来改变等等。

我正试图在jQuery中悬停这样做：

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

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

先谢谢。

Answer 1

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

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