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 check if an element is visible or hidden How to scroll page to 1000px from top on page load using jQuery? How to change text after click event using JavaScript? How to declare and print value of variable in JavaScript? JavaScript sort multi dimensional array on specific columns How to build simple tabs with jQuery?