jQuery將活動類添加到標簽

Question

我使用jQuery的揭示，以顯示與錨標記隱藏的div我試圖添加類（“主動”），以a標簽，當我點擊它即可顯示隱藏的div那么就應該有“積極的”類出現像打開/關閉我有使用.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/