1. 程式人生 > >JQuery點選一次顯示(隱藏),再點一次(隱藏)/(顯示)

JQuery點選一次顯示(隱藏),再點一次(隱藏)/(顯示)

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>

<script src="./jquery.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		$("#btn").click(function() {
			$("#content").toggle();
		});
	});
</script>
<body>

	<button id="btn">隱藏/顯示</button>
	<p id="content">也許明天,也許夢裡,我重新拾起我最愛的詩,感動了所有的風和日麗</p>
</body>
</html>

效果展示:

初始狀態:

點選一次:

再次點選和初始狀態一樣