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/