Golang React JS Technology Blog

jQuery Show or Hide text on button click

Example

Test 
<!DOCTYPE html>
<html lang="en">
<head>
	<style>	
	.showHide {
	   display: none;
	 }
	</style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script>
	$(document).ready(function(){
		$('#event').on('click', function() {
			// Using toggle to switch between hidden/shown
			$('.showHide').toggle(500);
		});
	});
	</script>
</head>
<body>
<button id="event" class="show" type="button">Show Text</button>
<div class="showHide">
    Test
</div>
</body>
</html>
Most Helpful This Week
jQuery simple form validations between start date and end date JavaScript calculate Fahrenheit from Celsius Image Rollover Using onMouseOver and onMouseOut JavaScript simple alert on Click Get largest number from each sub-arrays JavaScript check if first string contains all characters of second string