HTML Code for Show/Hide Animation:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#hideButton").click(function() {
$("h6").hide(1000);
});
$("#showButton").click(function() {
$("h6").show(1500);
});
});
</script>
</head>
<body>
<h6>
<b>Discover a Short Poem:</b>
<br> Twinkle, twinkle, little star<br>
How I wonder what you are<br>
Up above the world so high<br>
Like a diamond in the sky<br>
Twinkle, twinkle, little star<br>
How I wonder what you are
</h6>
<button id="hideButton">Hide</button>
<button id="showButton">Show</button>
</body>
</html>