クリックイベントで要素の表示を切り替え のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• クリックイベントで要素の表示を切り替え へ行く。
  • 1 (2017-06-01 (木) 01:14:09)

jQueryめも

最初は非表示で、ボタンクリックで表示・非表示を切り替えます。

script> $(function(){

   $('#button').on('click', function() {
       if ($('#detail').css('display') == 'none') {
           $('#detail').slideDown();
           $('#button').text('非表示');
       } else {
           $('#detail').slideUp();
           $('#button').text('表示');
       }
   });

});

/script>

style>

#detail {

   display: none;

}

/style>

button type="button" id="button">表示</button>

div id="detail">

   詳細内容

/div>