メニューボタン
仕様
名称 |
メニューボタン |
---|---|
概要 |
指定されたタグを開閉するプログラムです。 |
ライブラリ |
jQuery(jQueryのダウンロード) |
デモンストレーション
設置方法
HTML
<div><button type="button" class="menu_button"><img src="/img/icon/menu-4x.png" alt="メニュー"></button></div> <div id="menu_demo">デモンストレーションデモンストレーション</div>
CSS
.menu_button { -webkit-appearance: none; padding: 0; border: 0; outline: 0; background: transparent; cursor: pointer; } #menu_demo { display: none; }
JavaScript
$(function(){ $('.menu_button').click(function(){ $('#menu_demo').slideToggle(250); }); });