Mostra div dopo 2 secondi di caricamento della pagina

Question

Attualmente sto cercando di mostrare un div 2 secondi dopo il caricamento della pagina. Posso fare il contrario con successo nascondendo il div due secondi dopo il caricamento della pagina. Il problema è che non accade nulla e il div rimane nascosto. Come posso visualizzare correttamente un div dopo due secondi di caricamento della pagina? Extra: media, mentre i due secondi sono in esecuzione mostrano una gif ajax carico e poi svanisce nel div

<script type = "text/javascript"> 
$(window).load(function() { 
    setTimeout(function() { 
     $("#contentPost").show('fadeIn', {}, 500) 
    }, 2000); 
}); 
</script> 

html/css

<style> 
.contentPost { display:none;} 
</style> 

<div class="contentPost"> 
<h2>Hi there</h2> 
</div> 

Answer 1

$(document).ready(function() { 
    $(".contentPost").delay(2000).fadeIn(500); 
}); 

Funzionerà perfettamente.

Answer 2

Ive mai visto il metodo di spettacolo scritto in quel modo. Prova alterando in uso il metodo di jQuery fadeIn:

<script> 
$(function() { 
    $("#contentPost").delay(2000).fadeIn(500); 
}); 
</script> 

Il metodo show non accetta alcun argomento e non funzionerà come si desidera.