jQueryを使えば色々と便利なことがあります、今回はjQueryを使って要素をボタン化して、それにアクションを加えてやるというものです TENPARA.NETで現在作成中のテンプレートで作成しているスマートフォンでボタンをクリックしたらメニューが出来るものです、これもjQueryでボタン化してそれにアクションを加えています 初期状態 左上のボタンをクリックして展開 仕組み 左上のボタンはdivですクラスがbutton-toggleのやつです、このdivにアクションを付けることでボタン化しています アクションは、他の要素がslideup、slidedownを交互に繰り替えるslideToggleを使うことで表現しています HTML コード <header> <div class="title"><h1><a href="">創造WEB</a></h1></div> <div class="
![スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化) | 9ineBB](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01907e83d052a3b8f23c1d8557d069f33a739e6/height=288;version=1;width=512/https%3A%2F%2F9-bb.com%2Fwp-content%2Fuploads%2F2013%2F12%2F8684d853d12c5bfc72df74a5a002b919.jpg)