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();
});

演示：Fiddle

Answer 2

使用toggleClass("active")代替addClass('active')

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

jquery将活动类添加到标记

2 个答案: