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

<!-- 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>