jquery - 单击后如何将类更改为事件类

Question

到目前为止我有这段代码:

<section class="top-bar-section">
<ul class="adjust">
<li class="active"><a href="#">HOME</a></li>
<li class=""><a href="#contact">CONTACT</a></li>
<li class=""><a href="#">BLOG</a></li>
<li class=""><a href="#">SHOP</a></li>
</ul>      
</section>

基本上，当我点击“联系”链接时，我希望类(class)变为活跃状态。这会将页面向下移动到页脚。你们知道我该怎么做吗？ 我在这里尝试了 Jquery 的东西，但出于某种原因，我似乎无法让它工作。

如果有帮助，我正在使用 Foundation 5.0.3 :)

Answer 1

你可以使用像这样的基本东西:

$('.adjust > li').click(function(){
    $(this).addClass('active').siblings('li').removeClass('active');
});

EXAMPLE HERE