पृष्ठ लोड के 2 सेकंड के बाद div दिखाएं

Question

मैं वर्तमान में पृष्ठ लोड होने के बाद एक div 2 सेकंड दिखाने की कोशिश कर रहा हूं। पेज लोड होने के बाद मैं दो सेकंड को छिपाकर सफलतापूर्वक रिवर्स कर सकता हूं। मुद्दा यह है कि कुछ भी नहीं होता है और div छुपा रहता है। पृष्ठ लोड के दो सेकंड के बाद मैं एक div कैसे ठीक से दिखा सकता हूं? अतिरिक्त: मतलब, जबकि दो सेकंड शो एक ajax लोड हो रहा है gif चल रहे हैं और उसके बाद 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); 
}); 

पूरी तरह से काम करेगा।

Answer 2

Ive अपने शो विधि इस तरह लिखा कभी नहीं देखा। jQuery विधि उपयोग में यह फेरबदल fadeIn का प्रयास करें:

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

show विधि किसी भी तर्क को स्वीकार नहीं करता और के रूप में आप यह करना चाहते हैं काम नहीं करेगा।