javascript - jQuery .slideDown() for each paragraph -

i'm trying make slidedown set kind of delay everytime start new paragraph. me? think i've seen step function, didn't work me. i'm beginner html/css/javascript

html:

<p><font color = "white"> >>></font> opening new terminal . . . </p>  <p> <font color = "white"> >>></font> successful . . . </p>  <p> <font color = "white"> >>></font> executing ./xxx </p> 

slidedown

$( document.body ).click(function () {   if ( $( "p:first" ).is( ":hidden" ) ) {   $( "p" ).slidedown(900);  } else {   $( "p" ).hide(); } }); 

do this

 $(document).click(function () {     if ($("p:first").is(":hidden")) {         $("p").slidedown(900);     } else {         $("p").hide();     } }); 

demo

actually in context hide p element when body clicked .then again click there no element in body .instead of have use document click work