为任何找到的事件动态添加边距

Question

如何让它更加优雅和通用？它的工作原理，但我希望为每个下一个.alert事件添加+ 52px的保证金。

var alerts = $(".alert"); 
if(alerts.is(":visible")) { 
    if(alerts.length > 1) { 
     alerts.eq(1).css('margin-top', '52px'); 
     alerts.eq(2).css('margin-top', '104px'); 
     alerts.eq(3).css('margin-top', '156px'); 
    } 
    alerts.delay(5000).slideUp("slow"); 
} 

有什么想法？

Answer 1

此：

$(".alert:visible").css('margin-top', function(i){return 52*i+'px'}) 
    .delay(5000).slideUp("slow");