Hiển thị div sau 2 giây tải trang

Question

Tôi hiện đang cố hiển thị div 2 giây sau khi trang được tải. Tôi có thể làm ngược lại thành công bằng cách ẩn div hai giây sau khi tải trang. Vấn đề là không có gì xảy ra và div vẫn ẩn. Làm thế nào tôi có thể hiển thị đúng một div sau hai giây tải trang? Extra: có nghĩa là trong khi hai giây đang chạy chương trình một gif ajax tải và sau đó mờ dần trong 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); 
}); 

Sẽ hoạt động hoàn hảo.

Answer 2

Ive không bao giờ nhìn thấy phương pháp hiển thị của bạn bằng văn bản như thế. Hãy thử thay đổi nó vào sử dụng các phương pháp jquery fadeIn:

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

Các show phương pháp không chấp nhận bất kỳ đối số và sẽ không làm việc như bạn muốn nó.