javascript - 调用jquery fadeout函数，怎么保持下面的按钮位置不变，如例子

问题描述

问 题

http://www.runoob.com/try/try.php?filename=tryjquery_eff_fadeout_fadein

解决方案

方法一

外面包个固定调试的元素

<div style="height: 50px; overflow: hidden">
    <p>This is a paragraph.</p>
</div>
<button class="btn1">Fade out</button>
<button class="btn2">Fade in</button>

方法二，改点代码

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").fadeOut({
        complete: function() {
            $(this).css("visibility", "hidden").show();
        }
    })
  });
  $(".btn2").click(function(){
    $("p").hide().css("visibility", "visible").fadeIn();
  });
});

这篇关于javascript - 调用jquery fadeout函数，怎么保持下面的按钮位置不变，如例子的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！