Mise à jour Camille

assets/js/project-toggle.js

@@ -0,0 +1,36 @@
+const allProjects = document.querySelectorAll(".projects-index li");
+
+allProjects.forEach((project) => {
+  project.addEventListener("click", () => {
+    allProjects.forEach((unselected) => {
+      unselected.classList.add("unselected");
+      unselected.classList.remove("selected");
+    });
+    project.classList.add("selected");
+    project.classList.remove("unselected");
+  });
+});
+
+const projectTogglers = document.querySelectorAll(".project-toggler");
+
+projectTogglers.forEach((button) => {
+  button.addEventListener("click", (event) => {
+    const parentLi = button.closest("li");
+    if (parentLi.classList.contains("selected")) {
+      event.stopPropagation();
+      allProjects.forEach((project) => {
+        project.classList.remove("unselected");
+        parentLi.classList.remove("selected");
+      });
+    }
+  });
+});
+
+const allProjectsCloser = document.querySelector(".all-projects-closer");
+
+allProjectsCloser.addEventListener("click", (event) => {
+  allProjects.forEach((project) => {
+    project.classList.remove("selected");
+    project.classList.remove("unselected");
+  });
+});