Question

我目前正在使用jQuery("#addCaseMemberBtn").fadeToggle( "fast" );，但是由于内容正在使用display，因此会导致内容在完成时跳转/关闭。如何告诉它使用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>

Answer 2

您可以使用.animate()并使用visibility：

$(function () {
    $('#addCaseMemberBtn').animate({
        visibility: hidden
    }, 1000);
});

#addCaseMemberBtn {
    background-color: red;
    width: 200px;
    height: 200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="addCaseMemberBtn"></div>

.animate() | jQuery API Documentation

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

2 个答案: