Feedback on Responsive Side Nav

My attempt is to create an Admin Website. I have done a dummy site that implements the side nav so far. And at the moment I am struggling how to find a way to close all dropdowns but ONE. My clumsy code blocks the possibility to close the dropdown.

Live site:

Any comments, tips or feedback are welcome.

Hello there. What you sure need to do is when you click on dropdown when its open its closing. And in my opinion if you will make some smooth opening/closing it will be look better.

In smooth i mean like it is not suddenly appear but pushing out of the right side of the screen

Thank you!

As I mentioned, my attempt to close ALL dropdown menus block this feature. Removing this code attempt, it will close the submenus nicely. Any tip how I can close ALL submenus but ONE?

Here is the code that is wrong. It does nothing but blocking the closing of submenus:

    var dropdown = document.getElementsByClassName("navbtn");
    var i;

    for (i = 0; i < dropdown.length; i++) {
      dropdown[i].addEventListener("click", function() {
        var dropdownContent = this.nextElementSibling;
        if ( == "block") {
 = "none";

Sorry my friend, but i cant help you in that) i started learning js just a week ago and havent finished js challenges yet, but maybe anyone of campers will help you) gl!
P.s. not a week already 15 days have passed)

I am a LBD guy (Learning By Doing). So my challenges are also ahead. :slight_smile:

Good, i want to start doing something practical too, when finish vanilla js sertificate this or next week