アコーディオンはJSで作らず、HTMLの <details> と <summary> で開閉させ、矢印はCSSで付ける

<details class="faq" name="faq">
  <summary>送料はかかりますか？</summary>
  <p>5,000円以上で無料です。</p>
</details>
<details class="faq" name="faq">
  <summary>返品できますか？</summary>
  <p>到着後7日以内なら可能です。</p>
</details>

.faq summary {
  list-style: none;                /* 既定の三角を消す */
  cursor: pointer;
  display: flex; justify-content: space-between;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "";
  width: .6em; height: .6em;
  border-right: 2px solid; border-bottom: 2px solid;
  rotate: 45deg;
  transition: rotate .2s;
}
.faq[open] summary::after { rotate: -135deg; }