※ ChatGPTを利用し、要約された質問です（原文：ボタンを押すとデータ表示、再度押すと非表示）
ボタンを押すとデータ表示、再度押すと非表示
このQ&Aのポイント
ボタンを押すとデータ表示、再度押すと非表示する方法を学びましょう。
jqueryを使用してボタンのクリックイベントを制御し、データの表示と非表示を切り替える方法を解説します。
奇数回のクリックでデータを表示し、偶数回のクリックでデータを非表示にする方法をご紹介します。
ボタンを押すとデータが表示されるjqueryを利用したjavascriptがあります。
このボタンを再度クリックすると非表示にしたいと考えています。
奇数回クリック=表示
偶数回クリック=非表示
という形です。
ご教授いただきたくお願いいたします。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#btn0").click(function (e) {
e.preventDefault();
$("#data").show();
});
</script>
<button class="button18" id="btn0">ボタン</button>
<div id="data" style="display:none">
データ
</div>
お礼
ありがとうございます できました!! 大変助かりました!!