Question

我想基于点击链接更改手风琴。它工作正常。演示显示在以下链接http://jsfiddle.net/kufi/qp5Mg/

现在，我想更改点击链接的颜色（此处从红色变为绿色）。如果我点击一个链接，它会从红色变为绿色。如果我点击第二个链接，第一个链接只保留为绿色，它应改为红色。

提前致谢

Answer 1

$(".accordion-opener").click(function(e) {
    $(".accordion-opener").removeClass('green');
    $(this).addClass('green');
    e.preventDefault();
});

使用addClass和removeClass，演示：

http://jsfiddle.net/qp5Mg/2/

Answer 2

你应该添加：

<style>
  .clicked{
    color: green;
  }
</style>

并且，在js：

$(".accordion-opener").click(function(){
  ...
  $(this).addClass("clicked");
});

编辑：我已经使用此代码更新了您的小提琴并且正常运行：http://jsfiddle.net/qp5Mg/6/

希望这会有所帮助。干杯

改变链接的颜色

2 个答案: