From 317e9651c9913343646855b7ecda8e8516c6daf8 Mon Sep 17 00:00:00 2001
From: a <a@trwnh.com>
Date: Sun, 11 Dec 2022 18:29:48 -0600
Subject: [PATCH] use details to only open current section in docs menu

---
 layouts/partials/nav-docs.html | 70 ++++++++++++++++++----------------
 1 file changed, 37 insertions(+), 33 deletions(-)

diff --git a/layouts/partials/nav-docs.html b/layouts/partials/nav-docs.html
index c3b0656..764a27f 100644
--- a/layouts/partials/nav-docs.html
+++ b/layouts/partials/nav-docs.html
@@ -9,53 +9,44 @@
 			<a id="menu" href="#top">Skip menu</a>
 			{{ $currentPage := . }}
 			{{ range .Site.Menus.docs }}
-			{{ if .HasChildren}}
-			<li
-				class='section-title{{ if or ($currentPage.IsMenuCurrent "docs" .) (eq $currentPage.Section .Identifier) }} active{{ end }}'>
-				<a href="{{ .URL | relLangURL }}">
+			{{ $active := or ($currentPage.IsMenuCurrent "docs" .) (eq $currentPage.Section .Identifier)}}
+			{{ if .HasChildren }}
+			<details
+				class='section-title
+				{{- if $active }} active{{ end -}}
+				'
+				{{- if $active }} open{{ end -}}>
+				<summary href="{{ .URL | relLangURL }}">
 					{{ .Pre }}
 					<span>{{ .Name }}</span>
 					{{ .Post }}
-				</a>
+				</summary>
 				<ul class="sub-menu">
 					{{ range .Children }}
 					{{ if .HasChildren}}
-			<li
-				class='{{ if or ($currentPage.IsMenuCurrent "docs" .) (eq $currentPage.Section .Identifier) }} active{{ end }}'>
-				<a href="{{ .URL | relLangURL }}">
-					{{ .Pre }}
-					<span>{{ .Name }}</span>
-					{{ .Post }}
-				</a>
-				<ul class="sub-menu">
-					{{ range .Children }}
 					<li
-						class='{{ if or ($currentPage.IsMenuCurrent "docs" .) (eq $currentPage.Section .Identifier) }}active{{ end }}'>
+						class='{{- if $active }} active{{ end -}}'>
 						<a href="{{ .URL | relLangURL }}">
 							{{ .Pre }}
 							<span>{{ .Name }}</span>
 							{{ .Post }}
 						</a>
-					</li>
-					{{ end }}
-				</ul>
-			</li>
+						<ul class="sub-menu">
+							{{ range .Children }}
+							<li
+								class='{{- if $active }} active{{ end -}}'>
+								<a href="{{ .URL | relLangURL }}">
+									{{ .Pre }}
+									<span>{{ .Name }}</span>
+									{{ .Post }}
+								</a>
+							</li>
+							{{ end }}
+						</ul>
+			</details>
 			{{ else }}
 			<li
-				class='{{ if or ($currentPage.IsMenuCurrent "docs" .) (eq $currentPage.Section .Identifier) }}active{{ end }}'>
-				<a href="{{ .URL | relLangURL }}">
-					{{ .Pre }}
-					<span>{{ .Name }}</span>
-					{{ .Post }}
-				</a>
-			</li>
-			{{ end }}
-					{{ end }}
-				</ul>
-			</li>
-			{{ else }}
-			<li
-				class='{{ if or ($currentPage.IsMenuCurrent "docs" .) (eq $currentPage.Section .Identifier) }}active{{ end }}'>
+				class='{{- if $active }} active{{ end -}}'>
 				<a href="{{ .URL | relLangURL }}">
 					{{ .Pre }}
 					<span>{{ .Name }}</span>
@@ -65,5 +56,18 @@
 			{{ end }}
 			{{ end }}
 		</ul>
+		</li>
+		{{ else }}
+		<li
+			class='{{- if $active }} active{{ end -}}'>
+			<a href="{{ .URL | relLangURL }}">
+				{{ .Pre }}
+				<span>{{ .Name }}</span>
+				{{ .Post }}
+			</a>
+		</li>
+		{{ end }}
+		{{ end }}
+		</ul>
 	</div>
 </nav>
\ No newline at end of file