替换时将过渡添加到div

Question

我想知道是否可以向html元素位移添加转换？ 为了解释它，假设有一个警告框（我使用Bootstrap），当用户点击那个小的＆＃39; x＆＃39;为了解雇它，位于警报框下方的其他元素大致向上移动。

这只是一个示例表单。如果可能的话，我想让这个运动顺利进行。

Answer 1

$('body').on('click','.somethinghashappened', function(e) { $(this).fadeOut(500,function(){ $(this).css({"visibility":"hidden",display:'block'}).slideUp(); }); });

它会逐渐消失，然后警告块集显示块，然后它会滑动（警告）阻塞，这会导致你的div滑动.//

http://jsfiddle.net/kMxqj/17/

你可以查看这个小提琴，其他一些goot人已经这样做了！ :) Create smooth transition of block elements when removing sibling elements from DOM

Answer 2

我认为你正在使用jquery动画函数（可能是slideUp）。

Jquery将元素的高度设置为0，然后添加display: none css属性，但元素的填充不是动画的，所以如果隐藏元素时它不是0，则元素中会跳转下面。

您可以将元素放在包装器中，并为其设置动画，或者使用css动画。