jquery添加活動類到標記

Question

我正在使用jquery顯示來顯示隱藏div與錨標記我試圖添加類（'active'）到a標記當我點擊它顯示隱藏的div然後應該有'主動'類出現像打開/關閉我已經使用.addClass('active')它的工作，但是當我再次點擊錨時類=「活動」不會消失。

這裏是我的代碼：

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $(".slide_div").hide(); 
     $(".show_hide").show().addClass('active'); 

     $('.show_hide').click(function(){   
      $(".slide_div").slideToggle(); 
     }); 

    }); 
</script> 

<a class="show_hide" href="#">Open/Close</a> 
<div class="slide_div"></div> 

Answer 1

使用$(".show_hide").toggleClass('active');

$('.show_hide').click(function(){ 
    $(this).toggleClass('active'); 
    $(".slide_div").slideToggle(); 
}); 

演示：Fiddle

Answer 2

使用toggleClass("active")，而不是addClass('active')

http://api.jquery.com/toggleClass/