使用if语句移动一个接一个div的if语句

Question

我基本上有一组通知堆叠在一个列表中，每个列表可以单独删除，从而滑出通知容器。

$(document).ready(function(){ 

$('.closeAlert1').click(

    function(){ $('.alert1').css({left: '500px'}) } 


) 

}); 

当通知关闭时，无论是第一还是第五，我需要那些没有被删除上升到容器的顶部，以填补空间的是，现在删除通知已离开的通知。

我使用这样的事情这似乎没有工作

if($(".alert1").css('left') == '500px') { 

$(".alert2").css('top','0px'); 

} 

如果任何人都可以给我一些建议，我已经尝试使用上面的第一个代码尝试，但它一般只工作，如果有人按照1-2-3-4的顺序关闭他们，而不是像2-1-4-3那样关闭他们。

谢谢

Answer 1

它很简单。只需添加到所有警报相同类“removableAlert”并将其删除：

$(function() { 
    $(".removableAlert").click(function() { 
    $(this).animate({left: "+=500"}, 400).slideUp(); 
    }); 
});