当我悬停另一个锚时，Jquery从一个锚中移除悬停

Question

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

<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>

现在，当页面加载时，锚点应该自动设置为“全部”，然后如果我将鼠标悬停在文章或采访上，则将鼠标悬停在所有文件上，应该离开并进入文章或采访（鼠标悬停在哪里）和当我出来时，文章或采访主播应该回到“所有”。

Answer 1

你可以使用css，这样的事情应该有效：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;