jQueryエクササイズ--非表示と表示の切り替え

1093 ワード

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>toggle.html</title>
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript">
			$( function() {
				$("button").click(function(){

					$("p").toggle(1000);	//  jQuery    toggle     hide() show()  。
				});
			});

			/*
			$(selector).toggle(speed,callback);
			    speed       /     ,      :"slow"、"fast"    。
			    callback     toggle()              。
			*/
			
		</script>

	</head>

	<body>
		<button>          </button>
		
		<p>      </p>
		<p>       。</p>
	</body>
</html>