|
| 1 | +document.addEventListener("DOMContentLoaded", function () { |
| 2 | + const bar = document.getElementById("sidebar"); |
| 3 | + const helpMenuItems = document.getElementById("cats"); |
| 4 | + const helpMenu = document.getElementById("help-menu"); |
| 5 | + const helpCaret = document.getElementById("caret"); |
| 6 | + let helpOpen = false; |
| 7 | + document.addEventListener("click", function () { |
| 8 | + bar.classList.remove("movingbar"); |
| 9 | + }); |
| 10 | + document.addEventListener("mousemove", function (event) { |
| 11 | + if (event.clientX <= 5 && bar.classList.contains("movingbar") !== true) { |
| 12 | + bar.classList.add("movingbar"); |
| 13 | + } |
| 14 | + }); |
| 15 | + document.addEventListener("click", (e) => { |
| 16 | + if (!e.target.classList.contains("help-menu")) { |
| 17 | + helpMenuItems.style.transform = "scaleY(0)"; |
| 18 | + helpMenu.removeAttribute("style"); |
| 19 | + helpCaret.removeAttribute("style"); |
| 20 | + helpOpen = false; |
| 21 | + } |
| 22 | + }); |
| 23 | + helpMenu.addEventListener("click", () => { |
| 24 | + if (helpOpen === false) { |
| 25 | + helpMenuItems.style.transform = "scaleY(1)"; |
| 26 | + helpMenu.style.backgroundColor = "rgba(15, 15, 15, 0.8)"; |
| 27 | + helpCaret.style.transform = "rotate(0deg)"; |
| 28 | + helpOpen = true; |
| 29 | + } else { |
| 30 | + helpMenuItems.style.transform = "scaleY(0)"; |
| 31 | + helpMenu.removeAttribute("style"); |
| 32 | + helpCaret.removeAttribute("style"); |
| 33 | + helpOpen = false; |
| 34 | + } |
| 35 | + }); |
| 36 | +}); |
0 commit comments