1

我正在使用 Jquery 显示显示带有锚标记的隐藏 diva当我单击它以显示隐藏的 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>
4

2 回答 2

7

利用$(".show_hide").toggleClass('active');

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

演示：小提琴

于 2013-04-30T14:20:53.590 回答
4

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

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

于 2013-04-30T14:21:19.757 回答