Jquery animation for height

Jquery animation for height

by Ayyappan Sakthivadivel

HTML

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

<div class="hide">Less</div>
<button class="show">More</button>

JavaScript

$(document).ready(function(){
    $(".hide").click(function(){
        $("p").animate({height: "20"});
    });
    $(".show").click(function(){
        $("p").animate({height: "70"});
    });
});