Jquery toggle .css

Question

I have this jquery code which runs fine.

$(window).load(function() {

    $('.menuBtn').click(function(e) {
        e.preventDefault();
        (this.classList.contains('is-active') === true) ? this.classList.remove('is-active'): this.classList.add('is-active');
        $('nav').slideToggle();

        $('.headerBarm').toggleClass('fixed-position');
        $('nav').toggleClass('fixed-position');
        $('.headerBar').toggleClass('fixed-position');


        $('body').css({
            'height': '100%',
            'overflow': 'hidden'
        });

    });

});

Recently I added the last line.

$('body').css({
                'height': '100%',
                'overflow': 'hidden'
            });

When i click on the button the above css gets added.

My problem is, when i click it again it doesn't change back. Could this work with a toggle kind of ?

Jonathan Lam · Accepted Answer · 2016-07-01 14:12:27Z

5

Why don't you continue your streak of classes and toggleClass()?

CSS:

body.full {
    height: 100%;
    overflow: hidden;
}

JS (replace that last line):

$("body").toggleClass("full");

answered Jul 1, 2016 at 14:12

Jonathan Lam

17.5k17 gold badges72 silver badges99 bronze badges

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

3 Comments

Jonathan Lam Over a year ago

Why was this answer downvoted so quickly? Please explain.

Jonathan Lam Over a year ago

@mplungjan I guess that could be why. But I'm no code ninja that can copy a post and edit it in four seconds...

Jonathan Lam Over a year ago

@mplungjan It's not about being "even" (I'm not much of a hardcore rep-gamer), but I was just wondering why it could be. But the downvote has been reversed. The last six comments are now irrelevant :)

giannisf · Accepted Answer · 2016-07-01 14:15:01Z

3

Create a custom class and toggle it.

.myclass {
  height: 100%;
   overflow: hidden;
}



$('body').toggleClass('myclass');

edited Jul 1, 2016 at 14:15

answered Jul 1, 2016 at 14:12

giannisf

2,6091 gold badge20 silver badges35 bronze badges

2 Comments

Jonathan Lam Over a year ago

CSS classes don't have quotations around them.

giannisf Over a year ago

@JonathanLam Thanx

Collectives™ on Stack Overflow

Jquery toggle .css

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related