https://slowdownpractice.com/assets/controllers/toggle_controller-ee891d28.js

1import { Controller } from "@hotwired/stimulus";
2
3export default class extends Controller {
4  static targets = ["content", "icon"];
5
6  toggle() {
7    this.contentTarget.classList.toggle("hidden");
8    if (this.hasIconTarget) {
9      this.iconTarget.classList.toggle("rotate-180");
10    }
11  }
12
13  hide() {
14    this.contentTarget.classList.add("hidden");
15    if (this.hasIconTarget) {
16      this.iconTarget.classList.remove("rotate-180");
17    }
18  }
19
20  show() {
21    this.contentTarget.classList.remove("hidden");
22    if (this.hasIconTarget) {
23      this.iconTarget.classList.add("rotate-180");
24    }
25  }
26
27  stop(event) {
28    event.stopPropagation();
29  }
30}