Cosmetics

app/javascript/controllers/details_list_controller.js

@@ -6,17 +6,20 @@ export default class extends Controller {
   }
 
   openAll(e) {
-    console.log(e)
+    console.log("open all")
     e.preventDefault();
-    this.element.querySelectorAll("details").forEach(el => {
+    const id = this.element.dataset["targetId"]
+    const el = document.getElementById(id)
+    el.querySelectorAll("details").forEach(el => {
       el.setAttribute("open", "")
     })
   }
 
   closeAll(e) {
-    console.log(e)
     e.preventDefault();
-    this.element.querySelectorAll("details").forEach(el => {
+    const id = this.element.dataset["targetId"]
+    const el = document.getElementById(id)
+    el.querySelectorAll("details").forEach(el => {
       el.removeAttribute("open")
     })
   }