Ensure pages switcher is closed (#837)

Author: reakaleek

src/Elastic.Markdown/Slices/Layout/_TocTree.cshtml

@@ -7,13 +7,13 @@
 	@if (Model.IsPrimaryNavEnabled && current is { Group.Index: not null })
 	{
 		<div class="sticky top-0 py-6 bg-white z-10 border-b-1 border-grey-20 pr-4">
-			<details class="block group border-1 border-grey-20 rounded-sm font-sans ">
+			<details class="block group border-1 border-grey-20 rounded-sm font-sans">
 				<summary class="grid grid-cols-[1fr_auto] cursor-pointer font-semibold gap-1 hover:text-black pl-4 pr-2 py-2 group-open:border-b-1 border-grey-20">
 					<span>
 						<a 
 							class="hover:underline text-blue-elastic hover:text-blue-elastic-100"
 							href="@current.Group.Index?.Url"
-							@Htmx.GetHxAttributes(current.Group.Index?.Url!)
+							@Htmx.GetHxAttributes(current.Group.Index?.Url!, true)
 						>
 							@current.Group.Index?.NavigationTitle
 						</a>
@@ -37,6 +37,7 @@
 						if (item.Id == current?.Id) continue;
 						<li class="block">
 							<a
+								onclick="this.closest('details').removeAttribute('open')"
 								class="block py-2 px-4 hover:underline hover:text-black hover:bg-grey-10 active:bg-blue-elastic-70 active:text-white font-semibold @(item.Group.Id == Model.Tree.Id ? "text-blue-elastic" : "")"
 								href="@item.Group.Index.Url"
 								@Htmx.GetHxAttributes(item.Group.Index.Url, false, "mouseover")>