jquery - すべてのセレクターに関数を与えなくても、JQuery 関数を複数回呼び出すには助けが必要です

Question

わかりましたので、基本的に、サイトで複数回使用するトップ 10 リストを作成しています。ただし、番号をクリックすると、リストの内容が1つずつ非表示になり、表示されます。ただし、最初の番号をクリックすると、リスト全体が展開されます。JQuery は次のとおりです。

    $(document).ready(function(){
       $("#articletext h2").click(function(){
          $(".revealTitle").fadeIn();
          $(".revealText").slideDown();
  });
});

HTMLは次のとおりです。

<h2>10. <span class="revealTitle">The Title To Fade In On Click</span></h2>

<span class="revealText">The Text to Slide Down On Click</span>

だから私がやりたいことは次のとおりです。

• 数字 (つまり 10.) をクリックすると、その数字の RevealTitle と RevealText だけが表示されます。
• 同様に、次の番号 (つまり 9.) をクリックすると、9. の RevealTitle と RevealText が表示されます。

前もって感謝します。