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 example of scroll to top jQuery get the coordinates of div clicked jQuery show input text inside div after on click event How to declare multiple variables in one statement in Javascript? JavaScript example to change image on click How to the length of the longest word in the provided sentence?