LWCでは簡単にアコーディオンのレイアウトを実現できます。
文字やアイコンをクリックすると開いたり閉じたりするアレです。
<template>
<article class="slds-card">
<lightning-accordion allow-multiple-sections-open>
<lightning-accordion-section name="A" label="タイトル">
<p>ここに本文。</p>
<p>この部分が表示されたり折りたたまれたり。</p>
</lightning-accordion-section>
</lightning-accordion>
</article>
</template>上がhtmlファイルです。jsファイルの掲載は省略します。
これを実行すると以下のようになります。
以下のページを参考にしました。