Show and hide element or part

show_hide html

<?php 

/**
* A smooth way of hiding and showing certain elements using jQuery
*
*/
?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("p.magic").hide();
    });
    $("#show").click(function(){
        $("p.magic").show();
    });
});
</script>

<p class="magic">Content initially hidden can be shown, or if shown can be hidden.</p>

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