Menu staying fixed
<p>I have a little function that makes my <code>headerbar</code> class fixed after i click on the menu button.</p>

<p>It works but when i click on the button again the <code>headerbar</code> stays fixed. </p>

<p>Here is my javascript: </p>

<pre><code>// menu animation
$(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();
    });

});



$('.menuBtn').click(function() {

    $('nav').css('position', 'fixed');
    $('.headerBarm').css('position', 'fixed');

});
</code></pre>

<p>This code makes the <code>headerbar</code> class fixed:</p>

<pre><code>$('.menuBtn').click(function() {

    $('nav').css('position', 'fixed');
    $('.headerBarm').css('position', 'fixed');

});
</code></pre>

<p>So basically I want it to change back to normal when I click the button again.</p>