需要帮助多次调用JQuery函数而不必给每个选择器一个函数吗

好的，基本上我正在创建一个前十名列表，在一个站点上使用多次。然而，我希望列表的内容被隐藏，并显示一个接一个的时候，点击号码。但是，单击第一个数字会导致整个列表展开。以下是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。单击要淡入的标题
单击要向下滑动的文本

所以我想让它做的是：

• 当点击数字（即10）时，只会显示数字Revealtle和revealText
• 同样，当点击下一个数字（即9）时，会出现9的Revealtle和revealText

提前感谢。

使用

$（此）

选择器和

查找方法以正确的子对象为目标：

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

使用上下文选择器

这将确保在当前上下文中仅搜索带有
.revealText
和
.revealtle
的元素（此处是单击的h2元素）

为$（“.revealtle”，this.fadeIn（）工作；但不是美元（“.revealText”，这个）<代码>$（“.revealText”，this.slideDown（）不起作用，因为它不是
h2的后代
检查更新的代码非常感谢。非常感谢您提供的有用且快速的帮助。此功能：$（This）。查找（“.revealtle”）.fadeIn（）；这不是：$（This.find（“.revealText”）.slideDown（）；
 $(".revealTitle", this).fadeIn();
 $(this).nextAll(".revealText").first().slideDown();