Also close pages switcher when clicking on active item (#838)

Author: reakaleek

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

@@ -12,7 +12,7 @@
 				<h1 class="text-4xl font-bold font-sans text-black">Elastic documentation</h1>
 				<p class="mt-4">Find the help you need, wherever you are in your Elastic journey.</p>
 				<div class="flex md:inline-flex gap-3 mt-9">
-					<a href="@Model.Link("/get-started")" class="grow select-none cursor-pointer text-white text-nowrap bg-blue-elastic hover:bg-blue-elastic-110 focus:ring-4 focus:ring-blue-elastic-50 font-semibold font-sans rounded-sm px-6 py-2 focus:outline-none h-10 flex items-center justify-center">
+					<a href="@Model.Link("/get-started/")" class="grow select-none cursor-pointer text-white text-nowrap bg-blue-elastic hover:bg-blue-elastic-110 focus:ring-4 focus:ring-blue-elastic-50 font-semibold font-sans rounded-sm px-6 py-2 focus:outline-none h-10 flex items-center justify-center">
 						Get started
 					</a>
 				</div>

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

@@ -18,9 +18,9 @@
 		<ul class="flex gap-6">
 			<li class="text-nowrap hover:text-blue-elastic active:text-blue-elastic-100">
 				<a
-					href="@Model.Link("/release-notes")"
+					href="@Model.Link("/release-notes/")"
 					@Htmx.GetHxAttributes(
-						targetUrl: Model.Link("/release-notes"), 
+						targetUrl: Model.Link("/release-notes/"), 
 						hxSwapOob: "#main-container"
 					)
 				>
@@ -29,9 +29,9 @@
 			</li>
 			<li class="text-nowrap hover:text-blue-elastic active:text-blue-elastic-100">
 				<a
-					href="@Model.Link("/troubleshoot")"
+					href="@Model.Link("/troubleshoot/")"
 					@Htmx.GetHxAttributes(
-						targetUrl: Model.Link("/troubleshoot"),
+						targetUrl: Model.Link("/troubleshoot/"),
 						hxSwapOob: "#main-container"
 					)
 				>
@@ -40,9 +40,9 @@
 			</li>
 			<li class="text-nowrap hover:text-blue-elastic active:text-blue-elastic-100">
 				<a
-					href="@Model.Link("/reference")"
+					href="@Model.Link("/reference/")"
 					@Htmx.GetHxAttributes(
-						Model.Link("/reference"), 
+						Model.Link("/reference/"), 
 						hxSwapOob: "#main-container"
 					)
 				>

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

@@ -11,6 +11,7 @@
 				<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 
+							onclick="this.closest('details').removeAttribute('open')"
 							class="hover:underline text-blue-elastic hover:text-blue-elastic-100"
 							href="@current.Group.Index?.Url"
 							@Htmx.GetHxAttributes(current.Group.Index?.Url!, true)