在jquery中使用许多类时如何选择选择器类型？

我正试图制作一个包含一些要点的页面

例如：

• 第一点
• 第2点
• 第3点

这些点中的每一个都有一些隐藏的文本，直到我们点击该点，它就会显示在它下面

我在jquery中使用了slidetoggle效果，但我不知道如何指定仅显示选定点。现在，当我按下任何一个按钮时，它们都会同时打开

我使用了以下代码：

$(document).ready(function(){
$(".point").click(function(){
$(".explanation").slideToggle("fast");
});
});

有什么想法吗

非常感谢。

试试看

$(document).ready(function(){
     $(this).click(function(){
      $(this).children(".explanation").slideToggle("fast");
    });
});

---

如果

.explainion

元素不是

.point

的子元素，请使用

$（e.srcelelement.parentNode）

您需要找到与单击的点关联的

解释

对象。您可以使用

this

在单击处理程序中获取单击点。您没有显示HTML，因此我必须编写一个示例来演示如何：

<div class="point>
    other HTML here
    <div class="explanation">
        This is the explanation for this point.
    </div>
</div>

$(document).ready(function(){
    $(".point").click(function(){
        $(this).find(".explanation").slideToggle("fast");
    });
});

成功了：）
非常感谢你的帮助
下面是代码，以防有人需要它：

Html代码：

    <h1 class="point">AAAA</h1>
    <div class="explanation">
    <h3>XXXXX</h3>
    <p>....</p>
    </div>

Css:

带
解释
类的元素与带
点
类的元素有何关联？非常感谢。它起作用了：）$（document.ready（function（）{$（“.point”）。单击（function（）{$（this.next.slideToggle（“fast”）；}）@user1293474-既然你是新来的，那么你是否意识到你应该选择哪个答案对你帮助最大，然后单击它旁边的复选标记将其标记为“最佳答案”？这既可以奖励那个人一些声望点数，也可以给你一些声望点数，让你按照正确的程序回答问题。啊，好吧。。。对不起，我不知道。
    <h1 class="point">AAAA</h1>
    <div class="explanation">
    <h3>XXXXX</h3>
    <p>....</p>
    </div>

 $(document).ready(function(){
    $(".point").click(function(){
        $(this).next.slideToggle("fast");
    });
});

    div.explanation,h1.point
    {
      margin:0px;
      padding:5px;
      text-align:center;
      background:#488AC7;
      border:solid 1px #F6358A;
     }
     div.explanation
     {
      height:120px;
      display:none;
     }