document17.html

<!DOCTYPE html> 
<html> 

<head> 
	<script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
	</script> 
	<script> 
		$(document).ready(function() { 
			$("button").click(function() { 
				$("#gfg").toggle(); 
			}); 
		}); 
	</script> 
	<style> 
		#gfg { 
			color: green; 
			border: 5px solid black; 
			width: 200px; 
			text-align: center; 
		} 
	</style> 
	</style> 
</head> 

<body> 

	<div id="gfg">Chandana</div> 

	<button>Click to hide() and show()</button> 

</body> 

</html> 