изменение цвета ссылки

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/

Надеюсь, это поможет. Приветствия