大佬教程收集整理的这篇文章主要介绍了jquery – 当div隐藏时,平滑移动相邻的div,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当我点击绿色div时,一切都隐藏了,但是绿色的div是生涩的,就像在第一个绿色div旁边的一个生涩的动作.是否可以平滑运输,以便它滑动并占据第一个绿色div旁边的位置?
JS:
$('.green').click(function(){ $('.others').fadeOut(); });
CSS:
.green{ background:green; padding:10px; margin:10px; } .red{ background:red; padding:10px; margin:10px; } .blue{ background:blue; padding:10px; margin:10px; } .green:hover{ cursor:pointer;} .fade{display:none; opacity:0;} div{ float:left; }
HTML:
<div class="green"></div> <div class="red others"></div> <div class="blue others"></div> <div class="green"></div> <div class="red others"></div> <div class="blue others"></div>
$('.green').click(function(){ $('.others').hide(300); });
这是您的fiddle更新.
以上是大佬教程为你收集整理的jquery – 当div隐藏时,平滑移动相邻的div全部内容,希望文章能够帮你解决jquery – 当div隐藏时,平滑移动相邻的div所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。