メニューボタン

仕様

名称

メニューボタン

概要

指定されたタグを開閉するプログラムです。

ライブラリ

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);
	});
});