要素をタイムラグで順番に表示するjQueryの記述

Question

下記のコードで記載をしているのですが、うまく実装されず理由が分からなくて困っております。
画像を３つ並べて順番に表示をさせたいです。
ここが違う！というところがあれば教えていただきたいのです。
よろしくお願いいたします。

<div class="contents-title">
                    <ul class="menu">
                        <li>
                            <img src="images/coffee.png" alt="coffee menu">
                        </li>
                        <li>
                            <img src="images/Tea .png" alt="tea menu">
                        </li>
                        <li>
                            <img src="images/Dessert.png" alt="dessert menu">
                        </li>
                    </ul>
                </div>

$(function() {
      // リストを非表示
      $('ul.sample li').hide();
      // 繰り返し処理
      $('ul.sample li').each(function(i) {
      // 遅延させてフェードイン
      $(this).delay(500 * i).fadeIn(1000);
      });
});

Answer 1

ul.sample
↓↓↓
ul.menu

Comments

[sanayaaan]

大変失礼いたしました。。ありがとうございましたm(_ _)m