Javascript Ajax jQuery Html PHP Example Quiz New MORE

jQuery show()


The jQuery show() method is used to show a hide HTML element. It is as inbuilt function of jQuery.

Syntax:

1) $(selector).show();
2) $(selector).show(speed, callback);
3) $(selector).show(speed, easing, callback);

speed: It is an optional parameter. It specifies the speed of the delay. Its possible vales are slow, fast and milliseconds.

easing: It specifies the easing function to be used for transition.

callback:It is also an optional parameter. It specifies the function to be called after completion of show() effect.

Example

<!DOCTYPE html>  
<html lang="en">  
<head>  
  <meta charset="utf-8">  
  <title>hide() jQuery Method</title>  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <style>  
  	h2 {  
    	color: white;  
        text-align:center;
        padding-top:40px;
  	}  
  </style>  
<script type="text/javascript">
$(document).ready(function(){
  $("#button").click(function(){
     $("#div").show();
  });
});
</script> 
</head>  
<body>
<button id="button">Show div</button>
<br>
<br>
<div id="div" style="width:400;height:100px;display:none;background-color:green;"><h2>STUDENTS TUTORIAL</h2></div>
 
<p>By click on the show button the div is show.</p>
</body>  
</html>

Run it Yourself »