x
<html><head><script src="../../ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script> $(document).ready(function () { $(".btn1").click(function () { $("#p1").animate({ padding: "+=100px" }); }); $(".btn2").click(function () { $("#p1").animate({ padding: "-=100px" }); }); });</script></head><body><button class="btn1">Animate +</button><button class="btn2">Animate -</button><p>This is a paragraph.</p><p id="p1" style="border:1px solid blue;">This is an animated paragraph.</p><p>This is a paragraph.</p></body><!-- /jquery/tryit.asp?filename=tryjquery_eff_ani_padding Fri, 07 Feb 2025 00:12:26 GMT --></html>