Um site que trabalhei, enquanto desenvolvido no WordPress, teve todo o conteúdo da página elaborado em HTML. Foram solicitados alguns ajustes no site e um deles seria que apenas a primeira seção aparecesse durante o primeiro minuto após o carregamento da página. O primeiro passo foi aplicar uma classe esconder em todas as seções da página, exceto a primeira e então, esconder o conteúdo.
.esconder {
display: none;
}Depois vem o código jQuery. Eu tive uma dificuldade inicial porque é necessário passar um parâmetro em show() para que o delay funcione, mesmo que seja zero, senão o conteúdo é mostrado sem o delay.
$(document).ready(function(){
jQuery(".esconder").delay(60000).show(0);
});E pronto, o delay está feito e as outras sessões do site só aparecerão dentro de um minuto!
