Javascript 如何使用jQuery在可见和隐藏元素之间切换（切换、替换）元素？

我试图使它，如果你点击“测试标题”，它隐藏了测试内容，然后如果你点击“测试标题”，它再次显示它

目前，我的代码将隐藏测试内容。我希望测试内容在可见和隐藏之间切换

HTML:

---

我尝试过使用.toggle（）方法，但在我的网站上似乎不起作用。有没有一种方法可以使用show（）和hide（）方法来实现这一点，即使这并不理想？

您可以

切换
方法，而不是
隐藏
：

jQuery(this).next(".content_list_menu_items").toggle();

您可以
切换
方法，而不是
隐藏
：

jQuery(this).next(".content_list_menu_items").toggle();

我很好奇为什么要在使用$和使用完整的jQuery之间切换。请在问题中至少投入足够的时间来正确缩进代码。jQuery（this）.next（“.content\u list\u menu items”）.toggle（）；我很好奇为什么要在使用$和使用完整的jQuery之间切换。请在问题中至少投入足够的时间来正确缩进代码。jQuery（this）.next（“.content\u list\u menu items”）.toggle（）；我已经试过了，但由于某些原因，它在我的网站上实际上不起作用。.hide（）可以工作，但我对JQueryEA非常陌生，我看到它在那里工作，只是不确定为什么它在我使用它的站点上不能工作…Uncaught TypeError:Object[Object Object Object]没有方法“dispatchEvent”，这显示了toggle和hide方法，hide方法也可以工作：/@Alexazlett好的，你应该跟踪错误，看看哪一行抛出了这个错误。我已经尝试过了，但由于某些原因，它实际上在我的网站上不起作用。.hide（）可以工作，但我对JQueryEA非常陌生，我看到它在那里工作，只是不确定为什么它在我使用它的站点上不能工作…Uncaught TypeError:Object[Object Object Object]没有方法“dispatchEvent”，这显示了toggle和hide方法，hide方法也可以工作：/@Alexazlett好的，您应该跟踪错误，查看哪一行抛出此错误。
jQuery(this).next(".content_list_menu_items").toggle();