.fadeIn関数が機能していません

Question

jQueryの新機能ですので、しばらくお待ちください。

私はリストを段階的に退色させたいと思います。しかし、何かが私の機能に間違っています。誰か助けてくれますか？

ありがとうございます！

編集：私はすべてを見て、間違いを見つけることはできません。体は必要なクラスを持っています。あなただけの、例えば、.fadeInを呼び出し、パラメータとして、あなたの遅延値を渡す必要が

$(".sideThree ul").children().each(function(i) { 
 
    if ($('body').hasClass("content-three-has-open")){ 
 
    $(".sideThree ul").css('display','block'); 
 
    $(this).fadeIn((i++) * 500); 
 
    } 
 
});

.sideThree ul { 
 
    list-style-type: none; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.sideThree ul li { 
 
    list-style-type: none; 
 
    margin-bottom: 15px; 
 
    float: left; 
 
    padding: 25px; 
 
    background: #2b2b2b; 
 
    width: 49%; 
 
    margin-right: 1%; 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="sideThree-content"> 
 
    <div class="row"> 
 
\t <div class="col-lg-16"> 
 
\t \t <ul> 
 
\t \t  <li>// some content</li> 
 
\t \t  <li>// some content</li> 
 
\t \t  <li>// some content</li> 
 
\t \t  <li>// some content</li> 
 
\t \t  <li>// some content</li> 
 
\t \t  <li>// some content</li> 
 
\t \t  <li>// some content</li> 
 
\t \t </ul> 
 
\t </div> 
 
    </div> 
 
</div>

Answer 1

$(this).fadeIn((i++) * 500);。ここで

はCodepenです：

https://codepen.io/anon/pen/xXrNLr（私はそれはあなたがいないあなただけの遅延としてi * 500を行いたい場合には遅延は、リスト項目ごとにインクリメントすることを意図的だ仮定しています）。

編集：あなたのリストが最初に表示するように設定されている場合：どれも、あなたのif文の内側にこの行を追加することはできません。

$(".sideThree ul").children().each(function(i) { 
    if ($('body').hasClass("content-three-has-open")){ 
    $(".sideThree ul").css('display','block'); 
    $(this).fadeIn((i++) * 500); 
    } 
}); 

それが表示されているリスト項目ですので、代わりにCSSを変更：なし、私はfadeIn（）がフェードする前にそれらを表示するように設定すると考えてください。