CSSだけで作る超軽量アコーディオン開閉「続きを読む」「もっと読む」「more read」（スマホ対応） - Qiita<div class="accordion-box"> <input id="ac00" type="checkbox"> <label for="ac00"></label> <div class="accordion-container"> <h3>タイトル</h3> <p>世界中どこを探してもなかったので作りました。</p> <p>jsを使っていないのでコンフリクトすることはありません。</p> <p>スマホにも対応。iPhone4くらいの小さい画面でも大丈夫です。</p> <p>閉じるボタンは要らないときは「.accordion-box input:checked + label」のdisplay:noneを有効にしてください。</p> </div><!— accordion-container --> </div><!— accordion-box --> .accordion-
