Javascript 目标是单个类函数，而不是整个类组

我有一个脚本，点击时显示更多信息，再次点击时隐藏信息。问题是，单击时，它会显示并隐藏具有相同类名的所有div的信息，而不是仅显示单击的div的信息。我环顾四周，我想我需要在其中的某个地方添加“this”，这样它只会影响单击的对象。有人能解释一下我做错了什么以及如何达到这个效果吗

Javascript

 <script type="text/javascript"> 
   this$(document).ready(function(){
   $(".toggle").click(function(){
      $(".hiddenDiv").slideToggle("slow");
        });
   });
  </script>

这是$（document）.ready（function（）{
$（“.toggle”）。单击（函数（）{
$（“.hiddenDiv”）。滑动切换（“慢速”）；
});
});

HTML

团体健康保险
团体健康保险是由雇主购买的保单，提供给公司的合格员工等等


保险
关于其他类型保险的更多信息等等

---

提前谢谢你的帮助

在单击处理程序中使用关键字

this

<script type="text/javascript"> 
   $(document).ready(function(){
   $(".toggle").click(function(){
      $(this).slideToggle("slow");
        });
   });
  </script>

$（文档）.ready（函数（）{
$（“.toggle”）。单击（函数（）{
$（此）.slideToggle（“慢”）；
});
});

---

这会将单击处理程序应用于类为

.toggle

的所有元素，但仅在导致事件的特定元素上执行。

只需将脚本替换为该类即可。如果不起作用，将$（this）替换为$this。那就行了

    <script type="text/javascript"> 
       $(document).ready(function(){
            $(".toggle").click(function(){
                 $(this).next().slideToggle("slow");
            });
       });
    </script>

$（文档）.ready（函数（）{
$（“.toggle”）。单击（函数（）{
$（this.next（）.slideToggle（“slow”）；
});
});

看起来您正试图使用

hiddenDiv

类切换下一个兄弟姐妹的样式

可以使用以下命令获取与选择器匹配的元素的下一个同级：

由于您正在查找单击的按钮的下一个同级，因此可以在单击处理程序中使用

this

，以获取按钮

$(document).ready(function(){
    $(".toggle").click(function(){
        $(this).next(".hiddenDiv").slideToggle("slow");
    });
});

---

谢谢你给我看这个，我还在学习javascirpt，但我知道我需要一个这个，但不知道放在哪里。

$myEl.next('.hiddenDiv');

$(document).ready(function(){
    $(".toggle").click(function(){
        $(this).next(".hiddenDiv").slideToggle("slow");
    });
});