相关疑难解决方法(0)

我在页面上使用它:

jQuery('.class1 a').click( function() {
  if ($(".class2").is(":hidden")) {
    $(".class2").slideDown("slow");
  } else {
    $(".class2").slideUp();
  }
});

稍后页面中的结构如下所示:

<div class="class1">
  <a href="...">text</a>
  <div class="class2">text</div>
</div>

这个工作正常,除非你有multipule class1/class2这样的集合:

<div class="class1">
  <a href="...">text</a>
  <div class="class2">text</div>
</div>
<div class="class1">
  <a href="...">text</a>
  <div class="class2">text</div>
</div>
<div class="class1">
  <a href="...">text</a>
  <div class="class2">text</div>
</div>

如何更改初始jquery代码,使其仅影响当前单击的class1下的class2？我尝试过本页推荐的变体:如何获取$(this)选择器的子节点？但还没有让它工作