MrEnder0 · February 13, 2023 01:26
diff --git a/sidebar.html b/sidebar.html
 <!-- Sidebar -->
 <div id="sidebar" class="sidebar_nav">
    <h3 class="sidebar_nav_title">Menu</h3>
    <nav>
        <ul>
            <a href="#home" class="sidebar_nav_link">Home</a>
            <br><br>
            <a href="#0" class="sidebar_nav_link">Folder oneꜜ</a>
                <ul id="list">
                    <a href="#f1o1" class="f1o1">Option1</a>
                    <a href="#f1o2" class="f1o1">Option2</a>
                    <a href="#f1o3" class="f1o1">Option3</a>
                </ul>
            <br>
            <!-- Put more folders below this -->
        </ul>
    </nav>
 </div>

 <!-- Sidebar css -->
 <style>
    /* Sidebar */
    .sidebar_nav {
        box-shadow: rgba(0, 0, 0, 0.55) 0px 10px 20px;
        transition: 0.8s linear;
        background-color: #120F25;
        margin: 10px;
        padding: 10px;
        border-radius: 10px;
        float: left;
        position: fixed;
        top: 0;
        bottom: 0;
    }

    .sidebar_nav_title {
        font-family: Quantify;
        font-size: 38px;
        color: #EBEBEB;
        line-height: 0%;
        padding: 4px;
    }

    .sidebar_nav_link {
        font-family: Quantify;
        font-size: 20px;
        color: #b3b3b3;
        text-decoration: none;
        line-height: 0%;
        padding: 5px;
    }

    .sidebar_nav_link:focus {
        font-weight: 620;
    }


    #list {
        transition: 0.8s linear;
        font-family: Quantify;
        font-size: 20px;
        color: #b3b3b3;
        padding: 5px;
        max-height: 0;
        overflow: hidden;
    }
    
    a:focus+#list {
        max-height: 20em;
    }

    a[href="nowhere"]:focus {
        pointer-events: none;
    }
 </style>