27 Jan jQuery – Show an element
To show an HTML element, use the jQuery show() method. Before moving further, we’ve prepared a video tutorial on how to show an element on a web page with jQuery:
Example
In the below example, we will show the <p> element. Let us see the example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".hideme").click(function(){
$("p").hide();
});
$(".showme").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<h1>Demo Heading</h1>
<h2 class="hideme">Hide Text</h2>
<h2 class="showme">Show Text</h2>
<p>This is demo text to play with.</p>
</body>
</html>
Output
No Comments