2012-01-18 3 views
0

Как я могу достичь этого с помощью jQuery?jQuery toggle class function issue

  • Если нажата кнопка <a href="#" class="accordion-link">, добавьте класс 'active'.
  • Если щелкнуто любое другое <a href="#" class="accordion-link">, спрячьте активное от всех и добавьте к этому.
  • Если нажата кнопка «<a href="#" class="accordion-link active">», удалите «active» (этот последний в том случае, если они закрывают активный актив, это приведет к удалению класса «active»).
+0

Используйте обратные кавычки ('), чтобы отметить встроенный код. –

ответ

2

Как об этом:

$('.accordion-link').click(function() { 
    var t = $(this); 
    if (t.hasClass('active')) { 
     t.removeClass('active'); 
    } else { 
     t.siblings('.active').removeClass('active'); 
     t.addClass('active'); 
    } 

    return false; 
}); 

http://jsfiddle.net/QA7mU/

1

Это должно делать то, что вы хотите:.

$ ("гармошки ссылка") на ('нажмите', функция() { вар $ это = $ (это); уаг wasActive = $ this.is ('. active');

$(".accordion-link").removeClass("active"); 
if (!wasActive) { 
    $this.addClass("active"); 
} 

});

jsfiddle