如何使用javascript click函数删除类？

Question

I have this code

 <script type="text/javascript"> $(document).ready(function() { $(".slide_nav").click(function() { $(".big_slide_in").toggleClass("active"); $("#headerMover").toggleClass("left_off"); $(".big_slide").toggleClass("background"); }); }); </script> 

so I want to click on the class "background" would erase class "active" and "left_off"? Thank you so much!

I am not speak english, sorry.

Answer 1

You can try

$(document).ready(function () {
    $(".slide_nav").click(function () {
        $(".big_slide_in").toggleClass("active");
        $("#headerMover").toggleClass("left_off");
        $(".big_slide").toggleClass("background");
    });

    $(".big_slide").click(function () {
        //check if background class is added
        if ($(this).hasClass('background')) {
            $(".big_slide_in").removeClass("active");
            $("#headerMover").removeClass("left_off");
        }
    });
});

Demo: Fiddle