javascript - jqueryはアクティブなクラスをタグに追加します

Question

Jquery のリビールを使用してアンカー タグで非表示の div を表示しaています.addClass('active')それは機能しますが、アンカーを再度クリックしても、class="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();
});

デモ:フィドル

Answer 2

toggleClass("active")の代わりに使用addClass('active')

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