Jquery 当我将鼠标悬停在另一个锚点上时，取消悬停在一个锚点上

Question

我有3个div，每个div有一个anchor。

<div class='col-xs-4 sub-heading' id="all"><a href="" >all</a></div>
<div class='col-xs-4 sub-heading' id="articles"><a href="=" > articles</a></div>
<div class='col-xs-4 sub-heading' id="interviews"><a href="" >interviews</a></div>

现在，当页面加载时，锚点应自动设置为 "all"，然后如果我将鼠标悬停在文章或采访上，然后将鼠标悬停在所有内容上应该消失并转到文章或采访（无论鼠标在哪里悬停），当我出来时，文章或采访主播应该回到"all"。

Answer 1

您可以为此使用 css，像这样的东西应该可以工作：

.active {
  color: red;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

<div class='col-xs-4 sub-heading' id="all"><a href="" class="active">all</a>
</div>
<div class='col-xs-4 sub-heading' id="articles"><a href="="> articles</a>
</div>
<div class='col-xs-4 sub-heading' id="interviews"><a href="">interviews</a>
</div>

Jquery 当我将鼠标悬停在另一个锚点上时，取消悬停在一个锚点上

Jquery to remove hover from one anchor when i hover another anchor

html

css

jquery

hover