37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
|
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");
|
||
|
|
});
|
||
|
|
});
|