 |
| Hide And Show in JAVAscript | jQuery Effects - Hide and Show |
Hide And Show in JAVAscript | jQuery Effects - Hide and Show
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
Post a Comment