JQuery

提供: sha.ngri.la
2015年4月10日 (金) 19:32時点におけるTara.ttm (トーク | 投稿記録)による版
移動先: 案内検索


ボタンをクリックすると表示が切り替わる

toggleのボタンをクリックすると、「こんにちは」と「さよなら」が切り替わる。

こんにちは

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
	$(function(){
		$("button").click(function () {
			$("p.toggle").toggle();
		});
	});
</script>

<button>Toggle</button>
<p class="toggle">こんにちは</p>
<p class="toggle" style="display: none">さよなら</p>