Div a comparsa con jQuery

Ho già fatto un articolo simile, ma sicuramente l'effetto che si ottiene con jQuery è migliore e più d'effetto.

Qua vi voglio mostrare come fare in modo che all'apertura di pagina venga fuori un div in maniera più lenta del resto.

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document.body).ready(function () {
if ($("#testo").is(":hidden")) {
$("#testo").slideDown(2000);
}
});
</script>

</head>

<body>

<div id="testo "style="display:none">
testo o immagine da fare vedere
</div>

</body>
</html>

Come vedete nell'head ho due tag script:

02/10/2010

dom

Div a comparsa con jQuery