Feedback on Responsive Side Nav

Code Feedback
1

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.

jsfiddle: https://jsfiddle.net/gv4820j1/3/
Live site: http://94.237.25.207:8080

Any comments, tips or feedback are welcome.

2

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.

3

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

4

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() {
        this.classList.toggle("active");
        var dropdownContent = this.nextElementSibling;
        if (dropdownContent.style.display == "block") {
          dropdownContent.style.display = "none";
        }
      });
    }
5

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)

6

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

7

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