“よくある質問”とかのトグル

<!-- polyfill CDN : "details-polyfill" とか -->
<details>
<summary>タイトル</summary>
<inner-c>ないよう</inner-c>
</details>
<style>
summary::marker { content: "+"; }
inner-c::before { content: "-"; }
</style>
<script>
class InnerContent extends HTMLElement {
constructor() { super(); }
}
customElements.define('inner-c',InnerContent);
</script>