jquery - 置换时向 div 添加过渡

标签 jquery css css-transitions

我想知道是否可以将过渡添加到 html 元素位移中? 为了解释它,假设有一个警告框(我正在使用 Bootstrap),当用户单击那个小“x”将其关闭时,位于警告框下方的其他元素大致向上移动。 enter image description here

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

最佳答案

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

它淡出然后警报 block 设置为显示 block ,然后向上滑动那个(警报) block ,这会导致向上滑动你的 div。//

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

你可以检查这个 fiddle ,其他一些高手已经这样做了! :) Create smooth transition of block elements when removing sibling elements from DOM

关于jquery - 置换时向 div 添加过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24890855/

相关文章:

javascript - 如何使用 jQuery 的 .not 和 :contains in case of multiple values?

html - 如何将 HTML 导航栏 <li> 变成独立按钮

javascript - 如何将元素的高度设置为与其宽度相同并在窗口调整大小时保持大小比?

溢出:隐藏;在过渡元素上

圆形元素的 CSS 边框过渡

javascript - 如何在一页网站上滚动半静态照片(内部示例)

javascript - 来自 Rails 的多行 JSON 响应未正确解析

css - 为什么这个 textarea 不能在 Chrome 中假设其父级的全高?

:hover but happening on :active 上没有发生 CSS 转换

Jquery DataTables 在排序时将顺序更改为 desc