javascript - jquery 将事件类添加到标签

Question

我正在使用 Jquery reveal 来显示带有 anchor 标记的隐藏 div 我正在尝试将类('active')添加到 a 标记，当我单击它以显示隐藏的 div 时应该有 ' active' 类看起来像 Open/Close 我已经使用了 .addClass('active') 它可以工作但是当我再次点击 anchor 时 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();
});

演示:Fiddle