FadeToggle с видимостью скрыта

Question

Я пытаюсь получить #hi в fadeOut. Прямо сейчас, исчезновение не происходит. Дед просто исчезает.

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

#hi {visibility:visible;} 

Я знаю, если можно просто использовать .animate и opacity:0, но я хотел бы сохранить совместимость IE.

Answer 1

Поскольку вы используете шкурку(), а затем исчезают

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>