使用if语句移动了另一个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

简单。只需添加所有警报同一类＆＃34; removableAlert＆＃34;并以这种方式删除它：

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