Slide down a paragraph animation in jQuery
Description
The following code shows how to slide down a paragraph animation.
Example
<!-- w w w .j a v a2 s . c om-->
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").one('click', function () {
if ($(this).is(":first-child")) {
$("p").text("It's the first div.");
}else{
$("p").text("It's NOT the first div.");
}
$("p").hide().slideDown("slow");
});
});
</script>
<style>
div { border:2px white solid;}
</style>
</head>
<body>
Press each to see the text.
<div>java2s.com</div>
<div>java2s.com</div>
<div>java2s.com</div>
<div>java2s.com</div>
<div>java2s.com</div>
<div>java2s.com</div>
<p></p>
</body>
</html>
The code above generates the following result.
...
Fast slide toggle animation in jQuery
Header fade in and fade out in jQuery
Hide and Slide down animation in jQuery
Hide and remove animation in jQuery
Hide fast animation in jQuery
Hide in millisecond animation in jQuery
Move an element by changing left during ani...
Pass arguments.callee to show callback func...
Queue a custom function in jQuery
Replace the queue of all matched element wi...
Show a Div based Dialog in animation in jQu...
Show fast animation in jQuery
Show hidden div tags in animation in jQuery
Show hidden fast animation in jQuery
Show hidden slow animation in jQuery
Show in millisecond animation in jQuery
Show normal animation in jQuery
SlideDown and slideUp animation in jQuery
Slide down fast animation in jQuery
Slide down form fields animation in jQuery
Slide down in milliseconds animation in jQu...
Slide down slowly animation in jQuery
Slide to show paragraph animation in jQuery
Slide toggle a button and callback in jQuer...
Slide toggle animation in jQuery
Slide toggle button animation in jQuery
Slide toggle in milliseconds animation in j...
Slide toggle slow animation in jQuery
Slide up a DIV tag animation in jQuery
Slide up animation and callback a function ...
Slide up fast animation in jQuery
Slide up form controls animation in jQuery
Slide up in milliseconds animation in jQuer...
Slide up slowly animation in jQuery
Slow fade in in jQuery
Slow fade out a button in jQuery
...
Fast slide toggle animation in jQuery
Header fade in and fade out in jQuery
Hide and Slide down animation in jQuery
Hide and remove animation in jQuery
Hide fast animation in jQuery
Hide in millisecond animation in jQuery
Move an element by changing left during ani...
Pass arguments.callee to show callback func...
Queue a custom function in jQuery
Replace the queue of all matched element wi...
Show a Div based Dialog in animation in jQu...
Show fast animation in jQuery
Show hidden div tags in animation in jQuery
Show hidden fast animation in jQuery
Show hidden slow animation in jQuery
Show in millisecond animation in jQuery
Show normal animation in jQuery
SlideDown and slideUp animation in jQuery
Slide down a paragraph animation in jQuery
Slide down and set focus animation in jQuer...Slide down fast animation in jQuery
Slide down form fields animation in jQuery
Slide down in milliseconds animation in jQu...
Slide down slowly animation in jQuery
Slide to show paragraph animation in jQuery
Slide toggle a button and callback in jQuer...
Slide toggle animation in jQuery
Slide toggle button animation in jQuery
Slide toggle in milliseconds animation in j...
Slide toggle slow animation in jQuery
Slide up a DIV tag animation in jQuery
Slide up animation and callback a function ...
Slide up fast animation in jQuery
Slide up form controls animation in jQuery
Slide up in milliseconds animation in jQuer...
Slide up slowly animation in jQuery
Slow fade in in jQuery
Slow fade out a button in jQuery
...