メニューボタン

仕様

名称

メニューボタン

概要

タグをクリックすると指定されているid属性を含むタグを開閉するプログラムです。

ライブラリ

jQuery(jQueryのダウンロード

更新履歴

  • 2019年2月11日:バージョン2.0を公開
  • 2015年4月27日:バージョン1.5を公開
  • 2015年1月18日:バージョン1.0を公開

デモンストレーション

設置方法

HTML

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

CSS

#demo {
	display: none;
}

JavaScript

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