Show invisible paragraph using JQuery with animation

Virendradugar
Posted by Virendradugar under jQuery category on | Views : 4005
Below code will show 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").show("normal")
});
</script>


Here is the paragraph which is set to display:none. This page when gets loaded shows the paragraph in animated style.

<body>
<p style="display:none">Virendra Dugar @ DotnetFunda.com</p>
</body>


In show() 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").show(5000)


This will take 5 seconds to complete the animation.

Enjoy,
Virendra Dugar

Comments or Responses

Login to post response