jQueryがフェードアウトしてIDにクラスを追加する

Question

ローダーとビデオのフェードインとフェードアウトのシナリオがあります。 '#tout'からフェードアウトすると、 '.loader-box'もフェードアウトするクラスを追加したいと思います。どのようなシナリオにクラスを追加する最良の方法。私は以下のコードで試してみましたが、成功しなかったので、どんな提案/解決策も非常に役に立ちます。

$(document).ready(function() { 
 
    $("#vid-delay").delay(2500).fadeIn(300); 
 
    $("#vid_box") delay(2500).fadeIn(300); 
 
}); 
 
$("#nav-toggle") click(function() { 
 
    $(this).toggleClass('menu-is-active') 
 
}); 
 

 

 
$("#tout").delay(2800).fadeOut(); 
 
$(".loader-box").delay(2800).fadeOut();

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

Answer 1

次のようにfadeIn()でjqueryの.addClass()機能を使用することができます。

$(document).ready(function() { 
 
    
 
    $("#tout").delay(2800).fadeOut().addClass("loader-box"); 
 
    
 
    $(".loader-box").delay(2800).fadeOut(); 
 
    
 
});

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

 
<div id="tout">this will fade out</div>