Как отображать контент через определенное время?

Question

Как я могу отобразить контейнер div через определенное время, скажем, 10 секунд. Кроме того, я использую CLASS и не ID.

Я уже пробовал:

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

И CSS:

.contentPost { 
    display: none; 
} 

Однако, что на самом деле не работает для меня больше ... Любые другие идеи?

Answer 1

Использование setTimeout

$(document).ready(function() { 
    setTimeout(function(){ $(".contentPost").fadeIn(500); }, 10000);   
}); 

Answer 2

Вы можете использовать равнину яваскрипта также.

setTimeout(function() { 
    document.querySelector('.contentPost').className = ""; 
}, 5000) 

https://jsfiddle.net/ananthaprakashb/8jrdwrrL/