Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $("p").animate({lineHeight:"+=1em"}); }); $(".btn2").click(function(){ $("p").animate({lineHeight:"-=1em"}); }); }); </script> </head> <body> <button class="btn1">Animate +</button> <button class="btn2">Animate -</button> <p style="line-height:1em;">This is a paragraph. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text.</p> </body> <!-- Mirrored from www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_lineheight by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:15:12 GMT --> </html>
Result:
Try it Yourself - © w3schools.com