Javascript jquery使用相同的类逐个切换div

我想在单击链接时逐个切换

showhide

div。我尝试了

find（）

next（）

以div为目标，但未能达到预期的结果。帮助我实现这一目标

要了解更多信息，请删除您的评论

$（文档）.ready（函数（）{
$（'.showhide'）.hide（）；
$（'.divider a'）。单击（函数（e）{
e、 预防默认值（）；
//$（“.showhide”）.slideToggle（）；
$（this.parent（）.next（）.find（“.showhide”）.slideToggle（）；
});
});

Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。
您需要按索引进行选择。使用
.eq（）
逐个选择


$（文档）.ready（函数（）{
$（'.showhide'）.hide（）；
$（'.divider'）。单击（函数（e）{//注意此处的更改
e、 预防默认值（）；
$（“.showhide”）.eq（$（this.index（））.slideToggle（）；//这里的选择器和.eq
});
});

1 Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。
3 Lorem Ipsum只是印刷和排版行业的虚拟文本。
您需要按索引进行选择。使用
.eq（）
逐个选择


$（文档）.ready（函数（）{
$（'.showhide'）.hide（）；
$（'.divider'）。单击（函数（e）{//注意此处的更改
e、 预防默认值（）；
$（“.showhide”）.eq（$（this.index（））.slideToggle（）；//这里的选择器和.eq
});
});

1 Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。
3 Lorem Ipsum只是印刷和排版行业的虚拟文本。
您可以一次从
每个
循环中获取单击元素的索引：


$（'.divider a'）。每个（函数（索引）{
$（此）.on（'click'，函数（e）{
$（'.showhide'）.eq（index.toggle（）；
$（this）.toggleClass（'active'）；//仅用于指示打开的链接
e、 预防默认值（）；
});
});
.showhide{display:none；margin:5px；}
a、 活动{颜色：红色；}

1111
2222
3333
您可以从
每个
循环中立即获取单击元素的索引：


$（'.divider a'）。每个（函数（索引）{
$（此）.on（'click'，函数（e）{
$（'.showhide'）.eq（index.toggle（）；
$（this）.toggleClass（'active'）；//仅用于指示打开的链接
e、 预防默认值（）；
});
});
.showhide{display:none；margin:5px；}
a、 活动{颜色：红色；}

1111
2222
3333
您的意思是说，如果单击链接2，则显示中间的showhide；如果单击任何链接，则显示所有showhide元素，还是？（可能会更新问题而不是另一条评论）@PaulT。如果单击链接1，第一个showhide将与第二个和第三个一样可见，您的意思是说，如果单击链接2，则显示中间的showhide，或者如果单击任何链接，则显示所有showhide元素，或者？（可能会更新问题而不是另一条评论）@PaulT。如果单击链接，第一个showhide将与第二个和第三个一样可见，在这里工作。如果我只在点击链接2时将第一个div目标整合到我的wordpess网站中，那么链接3是可以的。谢谢你的工作。如果我只在点击链接2时将第一个div目标整合到我的wordpess网站中，那么链接3是可以的。谢谢
Try below code:

$(document).ready(function() {
    $('.showhide').hide();
    $('.divider a').click(function(e) {
      e.preventDefault();
      //$(".showhide").slideToggle();
      $(this).parent().parent().next().find(".showhide").slideToggle();
      console.log($(this).parent().parent().next().find(".showhide"))
    });
  });