<div dir="ltr" style="text-align: left;" trbidi="on">

<div id="h1">
<h1 align="center">
If you click on the "Hide" button, I will disappear.</h1>
</div>

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

<script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("h1").hide(1000);
    });
    $("#show").click(function(){
        $("h1").show(1000);
    });
});
</script>

</div>

If you click on the "Hide" button, I will disappear.