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 How to change the height of Textarea on click? How to set checkbox and radio option checked on load with jQuery? jQuery example of scroll to top Image Rollover Using onMouseOver and onMouseOut What's the difference between let and var?