jquery добавить активный класс в тег

Question

Я использую Jquery-раскрыть, чтобы показать скрыть div с тегом привязки Я пытаюсь добавить класс ('active') в тег a, когда я нажимаю на него, чтобы показать скрытый div, тогда должен быть ' активный 'класс выглядит как Open/Close, я использовал .addClass('active'), но он работает, но когда я снова нажимаю на якорь, класс = "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/