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

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

HTML

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

JS

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

CSS

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

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。


APNコンサルティングパートナー

TOWN株式会社はAmazon公認コンサルティングパートナーです。