O mais simples parece-me usar o setTimout e o .hide() (o .hide()
faz o mesmo que .css('display', 'none')
):
setTimeout(function () {
$("header").hide();
}, 1000);
setTimeout(function () {
$(".logo_1").hide();
}, 2000);
Exemplo
O jQuery tem um "fila de espera" .queue() para poder encadear funcções. Neste caso o aspeto seria assim:
$("header")
.delay(1000)
.queue(function (next) {
$(this).css('display', 'none');
});
$(".logo_1")
.delay(2000)
.queue(function (next) {
$(this).css('display', 'none');
});
Exemplo
A razão pela qual o seu código não funcionou dá para ler na página da documentação do jQuery:
o método .delay() permite atrasar a execução de funções que estão numa queue. Pode ser usada com uma queue de efeitos ou uma queue customizada.