jQuery技术:单击显示/隐藏div

如果具有唯一ID，为什么要选择下一个元素？

 $(document).ready(function(){ $('div#ordontia').click(function(){ $('div#ordontia2').slideToggle("slow"); }); }); 

更一般的是，如果你添加更多的div：

 $(document).ready(function(){ $('.botaomedicina').click(function(){ $('#'+$(this).attr('id')+'2').slideToggle("slow"); }); }); 

与其他所有人关闭：

 $(document).ready(function(){ $('.botaomedicina').click(function(){ $('.botaomedicinadescription').slideUp("slow"); $('#'+$(this).attr('id')+'2').slideToggle("slow"); }); }); 

不要使用$.next ，它只选择当前元素的兄弟：

获取匹配元素集中每个元素的紧随其后的兄弟。 如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个兄弟。
– jQuery文档：.next（）

使用正常的：

 $('div#ordontia2').slideToggle("slow"); 

固定它。

 https://jsfiddle.net/65AK2/2/ 

首先，它看起来像你的切换div是形成错误的。 我没看到 为了它。

其次，如果你知道另一个div的ID是什么，你不需要说：

 $(this).next("#item"); 

，这没有任何意义。

 $(document).ready(function(){ $('div#ordontia').click(function(){ $('div#ordontia2').slideToggle("slow"); }); }); 

删除this ;）

试试这个

 $(document).ready(function(){ $('div#ordontia').click(function(){ $('div#ordontia2').slideToggle("slow"); }); }); 

更新小提琴https://jsfiddle.net/65AK2/4/

您可以通过ID选择器直接执行此操作

 $(document).ready(function(){ $('#ordontia').click(function(){ $('#ordontia2').slideToggle("slow"); }); });