Как скрыть див один за другим через javascript?

Как скрыть див один за другим через javascript? Я сделал но чета не получается!
$(document).ready(function() { setInterval(function(){ $('.div').hide(); next(); }, 1000); }); .div { width: 300px; margin: 10px; padding: 10px; background: #567; color: #fff; }

Div 1

Div 2

Div 3

Div 4

Div 5

Ответ

Можно сразу задать каждому элементу свой таймаут:
function delayedHide(i,o) { setTimeout( function(){ $(o).hide(); }, 600 * (i + 1) ); } $(function() { $('.hideme').each( delayedHide); }); .hideme { width: 300px; margin: 10px; padding: 10px; background: #567; color: #fff; }

Div 1

Div 2

Div 3

Div 4

Div 5

Не удержался, переименовал класс..