使用if语句移动一个div之后的另一个div

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();
  });
});