メニューボタン

仕様

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

設置方法

HTML

<p class="menu"><a href="#demo"><img src="menu.jpg" alt="メニュー"></a></p>
<p id="demo">デモンストレーションデモンストレーションデモンストレーション</p>

CSS

#demo { display: none; }

JavaScript

$(function(){$('.menu a').click(function(){$(this.hash).slideToggle(200);return false;});});

デモンストレーション

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

スポンサーリンク