2012-01-18 89 views
0

如何用jQuery實現這一點?jQuery切換類功能問題

  • 如果點擊了<a href="#" class="accordion-link">,請添加'active'類。
  • 如果有其他<a href="#" class="accordion-link">被點擊,隱藏所有活動並添加到此。
  • 如果點擊了<a href="#" class="accordion-link active">,刪除「活動」(最後一個是關閉當前活動的div,它將刪除'活動'類)。
+0

使用反引號(')來標記內嵌代碼。 – 2012-01-18 21:05:16

回答

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

這應該做你想要什麼:

$( 「手風琴鏈接」)上( '點擊',函數(){ 變量$此= $(本); VAR wasActive = $ this.is('。active');

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

});

jsfiddle