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/