Jquery hiding element

Razor

As i do not have much experience with jquery i have one problem, for which i can't find solution.
So, here is script code for custom header i made for one of my styles.

<script>
$(document).ready(function(){
    $(".hideb").click(function(){
        $("nav.IndexPage-nav.sideNav, .Header-title, .App-header, .App:before").toggle();
        var x = $('.IndexPage').css("margin-left");
        if (x=="-200px"){
          $('.IndexPage').css("margin-left", "-280px");
        }
        else{
         $('.IndexPage').css("margin-left", "-200px");
        }
        var y = $('.App-content').css("margin-left");
        if (y=="200px"){
          $('.App-content').css("margin-left", "auto");
        }
        else{
         $('.App-content').css("margin-left", "200px");
        }
        var z = $('.hideb').css("left");
        if (z=="250px"){
          $('.hideb').css("left", "0");
        }
        else{
         $('.hideb').css("left", "250px");
        }
        var c = $('.Header-title').css("display");
        if (c = "none"){
        $('.nav.IndexPage-nav.sideNav').css("display", "none");
        }
        else{
        $('.nav.IndexPage-nav.sideNav').css("display", "block");
        }
        var c = $('.App-header').css("display");
        if (c = "none"){
        $('.nav.IndexPage-nav.sideNav').css("display", "none");
        }
        else{
        $('.nav.IndexPage-nav.sideNav').css("display", "block");
        }
  

});
});
</script>

Everything is working fine except

        var c = $('.App-header').css("display");
        if (c = "none"){
        $('.nav.IndexPage-nav.sideNav').css("display", "none");
        }
        else{
        $('.nav.IndexPage-nav.sideNav').css("display", "block");
        }

So if i press the button, all elements are hidden, but if i open any discussion and press back button the -.nav.Sidenav element is visible when sidebar is hidden, which should not be happening.
How can i fix this?
Demo:https://style2.freeflarum.com/
if my explanation is not clear enough.

BlackSheep

Working fine on my end.

Razor

Felli
There is only one button xD.
BlackSheep
I think i found what is causing a problem. I somehow placed the code under a button, and have one more mistake with attributes. Going to fix it tomorrow
For a bug to show, hide sidebar than open discussion and than press back.

Felli

Hmm... Would seem to me that from looking at the demo both buttons do the same thing no matter if you close or open with either button, which shouldn't happen, as for JQuery goes, I'm not much of a wizard but I do like the way it's done here & here. ?

Felli

Razor I must have been seeing things, which is always possible. ?

clarkwinkelmann

Why use jQuery if it's not even to use the easier to read .hide() / .show() ? ?

Felli

clarkwinkelmann Shouldn't matter really, both JavaScript and JQuery both have the option to use .hide() & .show() in the end just a choice to use a quick and easy or make it harder on yourself depending on the person. ?

Razor

I am not really sure why i didn't use .hide() or .show(). Suppose, that i was in hurry so that solution first came to my mind xD.
Later i rewrited code with .hide, in the end i ended up with forcing page to reload every time back button is pressed.