Javascript jQuery Button hide invisbile hidden field


Javascript jQuery Button show hidden div- span- or p- tag

How to hide and show a container with javascript jquery framework?

Get startet jQuery:
Put in your html header:

<head><script src="jquery-3.2.0.min.js"></script></head>

Put in your html body:

<div class='myfield'>Hallo, you pressed the button.</div> 
<button class='mybutton'>Button</button>

Put in your html to the end of your body:

$( function() {
	$( ".myfield" ).hide();
	$( ".mybutton" ).click( function() {
		$( ".mybutton" ).show();
	} );
} );

Another solution:

$( function() {
	$( ".mybutton" ).click( function() {
		$( ".mybutton" ).toggle();
	} );
} );
MORE SUPPORT