親子丼の備忘録

親子丼が技術的なことや個人的なことを忘れないように書き綴ります。

【アコーディオンパネルのテスト】

クリックすると伸び縮みする便利なメニューちゃん

9-bb.com

↑のサイトを参考にスクロールの部分だけいじってあります。
試しにABC002のコードを載せてあります。

ABC002 / C++11

HTML

<div class="menu">
    <label for="Panel1">[+] コードを表示</label>
    <input type="checkbox" id="Panel1" class="on-off"/>
    <ul>
    <li>
<!-- Gist -->
    </li>
    </ul>
    <label for="Panel12">ボタン2</label>
    <input type="checkbox" id="Panel12" class="on-off" />
    <ul>
        <li><a href="">リンク2</a></li>
        <li><a href="">リンク</a></li>
        <li><a href="">リンク</a></li>
        <li><a href="">リンク</a></li>
        <li><a href="">リンク</a></li>
    </ul>
</div>

設定したCSS

Copyright © 2015-2017 Oyakodon All Rights Reserved.