Jquery 使用滑动切换功能的多个元素

这是我正在使用的代码。我知道我是个傻瓜，我对javascript/jquery一无所知

$（文档）.ready（函数（）{
$（“.flip”）。单击（函数（）{
$（“[class='panel']”）。滑动切换（“慢速”）；
});
});
.panel、.flip{
填充物：5px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
}
.小组{
填充：50px；
显示：无；
浮动：左；

你好，世界1！


下来


你好，世界2！
再下来！
这里。您实际上非常接近。使用
$（this）.next（）
以单击元素旁边的元素为目标。我还做了一些小调整。“float:left”面板上的浮动会对布局造成很大的损害。浮动是一种奇怪的属性，它会分解元素，并可能把一切都搞糟。只有在必要时才使用它


$（“.flip”）。单击（函数（）{
$（this.next（）.slideToggle（“slow”）；
})；
.panel、.flip{
填充物：5px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
}
.小组{
填充：50px；
显示：无；
}
.提示{
边框：黑色实心1px；
}

你好，世界1！
下来




你好，世界2！
再下来！
我简直不敢相信。一个问了一个好问题的新手，他不仅提供了他们所有的代码，还提供了一把小提琴、一幅插图图像和一个在线工作的演示。你值得拥有“有史以来最好的新手”警徽。我们会把你带出森林：）给我一分钟谢谢你杰里米，这正是我想要的！我不能投票，因为这需要15个名声，但我非常感谢你。