Menu nie działa

Witam,
mam kod:

 $(document).ready(function()
{
    const clientWidth = window.getBoundingClientRect().width;
    const nav = $("nav");

    if (clientWidth <= 800)
     {
        nav.hide();
        else
        nav.show();
     }

   $("#button-menu").click(function()
     {
        nav.toggle("slow");
     });
});

Niestety nawigacja się nie chowa na początku i przycisk również nie działa.

WTF.

if (clientWidth <= 800)
     {
        nav.hide();
        else
        nav.show();
     }

Jakaś nowa składnia ES6 czy co?

8/9 linijka brak nawiasu klamrowego

Bo nie ma czegoś takiego

if(warunek)
{
	else
}

Taka jest poprawna forma if else

if(warunek)
{
}
else
{
}

No tak ale dalej nie działa.

https://developer.mozilla.org/pl/docs/Web/API/Element/getBoundingClientRect,odpal tego linka,będziesz wiedział dlaczego nie działa.

https://developer.mozilla.org/pl/docs/Web/API/Element/getBoundingClientRect