Hide And Show in JAVAscript | jQuery Effects - Hide and Show

My Codes script

May 24, 2021 June 12, 2021

Code Example :

https://drive.google.com/file/d/1N7vgYZFjmAmQEqWc57qZ6x6ODSKSgY5a/view

<!DOCTYPE html>
<html>
<head>
 
 <style>
 #rrrr{
    display: none;
 }
 
 </style>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>

<script>
$(document).ready(function(){
	$("#hhh").click(function(){ 
		$("#hhh").hide();
 		$("#rrrr").show();
	});
});


setInterval(function(){
    $("#hhh").show();
 	$("#rrrr").hide();
refresh();
}, 10000);


</script>



</head>
<body>

<p id="hhh" >If you click on the "Hide" button,</p>
<p id="rrrr" >I will disappear.</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>



HOME

test thems

Hide And Show in JAVAscript | jQuery Effects - Hide and Show

Post a Comment