ボタンを押すとデータ表示、再度押すと非表示

質問

ボタンを押すとデータが表示される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>

回答No.1

t_ohta · ベストアンサー

.show() ではなく .toggle() を使用する。

お礼

ありがとうございます
できました!!
大変助かりました!!