fix: fundamentals toc hide-show is now fixed

Author: crutchcorn

src/views/collections/framework-field-guide-fundamentals/components/collection-table-of-contents-fundamentals.astro

@@ -56,20 +56,20 @@ const maxChapterToShow = 10;
 	<script is:inline>
 		let shown = false;
 
-		const lastChild = document.querySelector("[data-is-last-visible]");
+		const lastChild = document.querySelector("[data-is-last-visible='true']");
 
 		function toggleChapterList() {
-			const els = [...document.querySelectorAll("[data-should-hide]")];
+			const els = [...document.querySelectorAll("[data-should-hide='true']")];
 			if (!shown) {
 				els.forEach((el) => (el.style.display = "block"));
 				document.querySelector("#show-button").style.display = "none";
 				document.querySelector("#hide-button").style.display = "inline-block";
-				lastChild.removeAttribute("data-is-last-visible");
+				lastChild.setAttribute("data-is-last-visible", "false");
 			} else {
 				els.forEach((el) => (el.style.display = "none"));
 				document.querySelector("#hide-button").style.display = "none";
 				document.querySelector("#show-button").style.display = "inline-block";
-				lastChild.setAttribute("data-is-last-visible", "");
+				lastChild.setAttribute("data-is-last-visible", "true");
 			}
 
 			shown = !shown;

src/views/collections/framework-field-guide-fundamentals/components/collection-table-of-contents-fundamentals.module.scss

@@ -49,7 +49,7 @@
 	position: relative;
 }
 
-.postContainer:not([data-is-last-visible]):not(:last-child)::after {
+.postContainer:not([data-is-last-visible="true"]):not(:last-child)::after {
 	position: absolute;
 	content: " ";
 	bottom: 0;
@@ -61,7 +61,7 @@
 	background: var(--outline);
 }
 
-.postContainer[data-should-hide] {
+.postContainer[data-should-hide="true"] {
 	display: none;
 }