jquery fadeToggle 使用可见性而不是显示

标签 jquery css visibility fade

我目前正在使用 jQuery("#addCaseMemberBtn").fadeToggle( "fast"); 但它导致内容在完成时向上/向下跳动,因为它正在使用 display 。我怎样才能告诉它使用 visibility 或用 visibility 完成同样的事情,这样内容就不会跳转了。

最佳答案

您可以使用 animate() 切换不透明度:

$("button").click(function () {
    $("p:first").animate({opacity:($("p:first").css('opacity')==1)?0:1});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>fadeToggle p1</button>
<p>This paragraph has a slow, linear fade.</p>
<p>This paragraph has no animation.</p>

关于jquery fadeToggle 使用可见性而不是显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26045944/

相关文章:

javascript - 如何创建动态日期时间选择器值?

css - 链接可点击区域比其图像大?

c++ - 类成员的可见性?

android - 项目的 ListView 展开动画仅在第二次单击后有效

android - 在 LayerDrawable 中设置 Layer 的可见性

javascript - 如何以不区分大小写的方式查找和替换字符串的一部分?

jquery - FullCalendar 无法读取未定义的属性 'stripTime'

javascript - 图标和文本在移动焦点上保持相同大小

html - 如何创建与 Bootstrap 3 中的行长度相同的垂直线

html - 输入文本框滚动