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

Question

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

Answer 1

您可以使用 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>