Javascript jquery将活动类添加到标记

我正在使用Jquery reveal显示带有锚定标记的隐藏div我正在尝试将类“active”添加到标记中当我单击它以显示隐藏div时，应该会有“active”类出现，就像我使用的打开/关闭一样。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>

使用$.show_hide.toggleClass'active'

演示：

使用$.show\u hide.toggleClass'active'

演示：

使用toggleClassactive而不是addClass'active'

使用toggleClassactive而不是addClass'active'

---

但当我再次点击锚来隐藏div时，类不会消失。但当我再次点击锚来隐藏div时，类不会消失。嗨，谢谢你的回答。我只是想知道，当我再次点击锚来隐藏div时，类是如何被移除的？嗨，谢谢你的回答。我只是想知道，当我再次点击锚来隐藏div时，类如何被删除。？

$('.show_hide').click(function(){
    $(this).toggleClass('active');
    $(".slide_div").slideToggle();
});