diff --git a/docs/static/style.css b/docs/static/style.css
index dc100d3..e202e95 100644
--- a/docs/static/style.css
+++ b/docs/static/style.css
@@ -98,11 +98,15 @@ body {
   margin-left: 1rem;
   padding-left: 0.5rem;
   border-left: 1px solid var(--border);
-  display: flex;
+  display: none;
   flex-direction: column;
   gap: 0.25rem;
 }
 
+.sidebar .nav-children.expanded {
+  display: flex;
+}
+
 .sidebar .nav-children a {
   font-size: 0.9rem;
 }
diff --git a/docs/templates/base.html b/docs/templates/base.html
index f3374ce..a7d9e78 100644
--- a/docs/templates/base.html
+++ b/docs/templates/base.html
@@ -35,9 +35,11 @@
     </header>
     <nav>
       {% for item in nav %}
+      {% set section_prefix = item.path | replace(from="index.html", to="") %}
+      {% set is_current_section = page_path is starting_with(section_prefix) %}
       <a href="{{ prefix }}{{ item.path }}" {% if page_path==item.path %}class="active" {% endif %}>{{ item.label }}</a>
       {% if config.nested_nav and item.children %}
-      <div class="nav-children">
+      <div class="nav-children{% if is_current_section %} expanded{% endif %}">
         {% for child in item.children %}
         <a href="{{ prefix }}{{ child.path }}" {% if page_path==child.path %}class="active" {% endif %}>{{ child.label
           }}</a>