如何实现手风琴的代码？

如何解决如何实现手风琴的代码？

有手风琴的代码吗？我需要一个使用纯 JS 或 jQuery 的代码，但我刚刚开始学习 JS，目前我很难实现它。但我需要实施手风琴才能完成项目。

也许有人有现成的代码，以便我可以将类更改为我自己的。布局可以在图片中看到，代码在 codepen hier 非常感谢您的帮助！

     <div class="faq-content">
  <div class="accordion">
    <div class="accordion-item active">
      <div class="accordion-question">
        <p>Какая стоимость обучения?</p>
        <span class="fas fa-plus"></span>
      </div>
      <div class="accordion-content">
        <p>Lorem ipsum,dolor sit amet consectetur adipisicing elit. Explicabo reiciendis veniam
          ut quisquam cupiditate similique,vero asperiores porro deserunt consequuntur!</p>
      </div>
    </div>
    <div class="accordion-item">
      <div class="accordion-question">
        <p>Какая стоимость обучения?</p>
        <span class="fas fa-plus"></span>
      </div>
      <div class="accordion-content">
        <p>Lorem ipsum,vero asperiores porro deserunt consequuntur!</p>
      </div>
    </div>
  </div>
</div>

enter image description here