【jQuery】リンククリックで表示非表示を切り替える

Yukimi Sato 2,403views 更新:2015年3月30日

非表示 → リンククリックで表示 のループ想定。

HTML

<a id="openButton" href="javascript:void(0);">クリック</a>
<div id="openBlock">コンテンツ用ブロック</div>

JS

  $(function() {
    $('#openButton').click(function(){
      $('#openBlock').toggle();
    });
  });

CSS

#openBlock{
display:none; //最初非表示状態なら必要です
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません