How to remove class using javascript click function?

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.

Do you mean click on an object with class background? Or are you saying that you click on slide_nav which has a class called background? — stay_frosty
– stay_frosty, Commented May 30, 2015 at 3:17
No, I want to click on the class "background" would erase class "active" and "left_off" — MCN
– MCN, Commented May 30, 2015 at 3:21
What do you mean by "click on the class "background"? Do you mean clicking on an object which has css class set to "background"? — martynasma
– martynasma, Commented May 30, 2015 at 3:40
Please read How do I ask a good question? before attempting to ask more questions. — user177800
– user177800, Commented Jun 26, 2017 at 19:03

Arun P Johny · Accepted Answer · 2015-05-30 03:19:40Z

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

answered May 30, 2015 at 3:19

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MCN Over a year ago

no, i mean: When i click to "slide_nav" -> "big_slide_in" add "active", "#headerMover" add "left_off", "big_slide" add "background". Then i click to "background" -> "big_slide_in" remove "active", "#headerMover" remove "left_off", "big_slide" remove "background". Thanks!

Arun P Johny Over a year ago

@MCN what do you mean by background... do you mean the big_slide element - jsfiddle.net/arunpjohny/jn8zzLjm/2

Collectives™ on Stack Overflow

How to remove class using javascript click function?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related