メニューボタン

仕様

名称 メニューボタン
概要 アンカータグをクリックすると指定したタグを開閉するプログラムです。
ライブラリ jQuery(jQueryのダウンロード
更新履歴
  • 2019年2月11日:バージョン2.0を公開
  • 2015年4月27日:バージョン1.5を公開
  • 2015年1月18日:バージョン1.0を公開

設置方法

HTML

<p id="menu"><button type="button"><img src="menu.png" alt="メニュー"></button></p>
<p id="demo">デモンストレーションデモンストレーションデモンストレーション</p>

CSS

#demo {
	display: none;
}

JavaScript

$(function(){
	$('#menu').click(function(){
		$('#demo').slideToggle(250);
	});
});

デモンストレーション

デモンストレーションデモンストレーションデモンストレーション

スポンサーリンク