openfoodnetwork/app/webpacker/controllers/remote_toggle_controller.js

import { Controller } from "stimulus";

export default class extends Controller {
  static targets = ["chevron"];
  static values = { selector: String };

  toggle(event) {
    if (this.hasChevronTarget) {
      this.chevronTarget.classList.toggle("icon-chevron-down");
      this.chevronTarget.classList.toggle("icon-chevron-up");
    }

    const element = document.querySelector(this.selectorValue);
    element.style.display = element.style.display === "none" ? "block" : "none";
  }
}