メニューボタン

仕様

名称

メニューボタン

概要

ボタンをクリックすると指定されているタグが開閉されるプログラムです。

ライブラリ

jQuery(ダウンロード

デモンストレーション

設置方法

HTML

<div><button type="button" id="menubutton"><img src="画像ファイルのパス" alt="メニュー"></button></div>
<div id="menu">デモンストレーションデモンストレーション</div>

CSS

#menu {
	display: none;
}

JavaScript

$(function() {
	$('#menubutton').click(function() {
		//250=開閉される速さ(単位:ms)
		$('#menu').slideToggle(250);
	});
});