隐藏可见性的FadeToggle

Question

我试图让setTimeout(function() { $('.project-link-1').css('visibility','hidden').hide().fadeOut(1000); }, 3000); #hi {visibility:visible;} fadeOut。现在，褪色不会发生。 div刚刚消失。

.animate

我知道是否可以使用opacity:0和response.getWriter().write()，但我希望保持IE兼容性。

Answer 1

因为你正在使用hide（）然后淡出

setTimeout(function() {
  $('.project-link-1').fadeTo(1000, 0, function() {
    $(this).css('visibility', 'hidden')
  });
}, 3000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="project-link-1">project-link-1</div>

如果您只是想在淡出后隐藏元素

setTimeout(function() {
  $('.project-link-1').fadeOut(1000);
}, 3000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="project-link-1">project-link-1</div>