Javascript中的click函数

我想知道如何使用slideToggle循环.click函数。 以下是单个事件的代码：

$("#slide1").click(function () {
  $("#panel1").slideToggle(1000);
});

slide1是一个div，用户可以单击该div来切换面板以向下或向上滑动。 我已经尝试了for循环等，以找出如何在多个幻灯片和面板上循环

---

假设我有10张幻灯片，是否可以为所有10张幻灯片创建一个循环，还是必须单独完成？

这样做的简洁方式：

<div class="slide" data-panel="panel1">...</div>
<div id="panel1">...</div>

---

您可以采用更具动态性的方式：

$(".slide").click(function() {
  $("#"+$(this).attr("data-panel")).slideToggle(1000);
});

我希望这会有帮助，祝你好运，你需要的是。这将处理任何子级的任何事件。第一个参数是一个筛选器，您希望为其侦听孩子。在这种情况下，您只希望捕获

.slide

s的事件。第二个参数指定要侦听的事件的类型，在这里您需要

单击

，因为您只需要单击事件。最后一个参数是处理程序。在这个处理函数

中，这个
指的是被点击的元素


$（'#容器'）。委托（'.slide'，'click'，函数（事件）{
$（$（this）.data（'toggle'））.slideToggle（1000）；
});
。幻灯片{
宽度：100px；
高度：40px；
背景色：#AAA；
保证金：4倍；
填充：4px；
}
.小组{
宽度：200px；
高度：80px；
背景色：#44A；
利润率：8px；
填充：4px；
}

切换面板1
切换面板2
切换面板3
小组1
小组2
小组3
您是在尝试为每张幻灯片创建一个单击事件，还是在所有面板中进行一次单击循环？抱歉，为每张幻灯片创建一个单击事件。这很有帮助。谢谢，谢谢你的帮助。
$(".slide").click(function() {
  $("#"+$(this).attr("data-panel")).slideToggle(1000);
});