Jquery 如何切换多个div？

我正在尝试为多个div创建一个幻灯片切换，但我一定是做错了什么，因为它不起作用。当我单击按钮时，隐藏的内容不会显示。另外，我想使用这个按钮↑ 当显示内容时

$document.readyfunction{ $.show\u hide.clickfunction{ $this.parent.title.next.toggle.slideToggle； }; }; .切换{ 显示：无； } .显示隐藏{ 左边距：20px； } 品目1和8593； 内容在这里

品目2和8593； 内容在这里

品目3和8593； 内容在这里

---

您还没有将jQuery库添加到JSFIDLE中，通过添加库，您提供的代码将起作用

如果您想在单击时更改按钮的箭头，可以使用带有三元语句的.text方法，试试看它是否是您想要的

$(document).ready(function(){
$(".show_hide").click(function(){
    $(this).parent(".title").next(".toggle").slideToggle();
    $(this).text(function(i, text){
      return text === "↓" ? "↑" : "↓";
    });
  });
});

---

您没有在小提琴或代码片段中包含jQuery。如果您这样做，代码工作正常。查看小提琴的更新版本以及编辑后的问题。投票以排版错误的形式关闭F12以打开开发人员工具，并转到控制台。这将向您显示javascript可能遇到的任何错误，当您遇到问题时，应该首先检查这些错误。在你提出问题之前很久。