Hide paragraph using JQuery with animation

Virendradugar
Posted by Virendradugar under jQuery category on | Views : 4251
Below code will hide paragraph using JQuery. You can download the Jquery from http://docs.jquery.com/Downloading_jQuery

<script type="text/javascript" src="Script/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").hide()
});
</script>


Here is the paragraph which this code will hide. This page when gets loaded hides the paragraph in animated style.

<body>
<p>Virendra Dugar @ DotnetFunda.com</p>
</body>

In hide() function, you can also pass "fast" as value. This will make the animation to run faster. You can also pass value in seconds. Like

$("p").hide(5000)

This will take 5 seconds to hide the animation.

Enjoy,
Virendra Dugar

Comments or Responses

Login to post response