From d445a346dc578d6078191931064fc915c1bad78b Mon Sep 17 00:00:00 2001
From: David Thompson <dthompson@vistahigherlearning.com>
Date: Sat, 22 Jan 2022 18:11:06 -0500
Subject: Make it so you can open/close sections of the page.

---
 js/garden.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'js/garden.js')

diff --git a/js/garden.js b/js/garden.js
index be4e7e0..cb8a0ac 100644
--- a/js/garden.js
+++ b/js/garden.js
@@ -735,6 +735,17 @@ function loadIntensiveGarden() {
     refreshView();
   });
   refreshView();
+  // Open/close sections of page.
+  document.querySelectorAll("section").forEach(section => {
+    const container = section.querySelector(".section-container");
+    const header = section.querySelector("h2");
+    header.classList.add("open");
+    header.addEventListener("click", event => {
+      header.classList.remove(container.hidden ? "closed" : "open");
+      container.hidden = !container.hidden;
+      header.classList.add(container.hidden ? "closed" : "open");
+    });
+  });
 }
 
 window.addEventListener("load", loadIntensiveGarden);
-- 
cgit v1.2.3