jquery - jQuery 显示/隐藏关闭其他元素

Question

我有一个 jQuery 项目，它需要使用带有切换的显示/隐藏功能。我在页面上有多个元素在单击链接时隐藏并显示，但我希望显示的每个元素都关闭任何其他元素。

我尝试使用：

 jQuery(".toggle").click(function()
  { 
    $('.active').not(this).toggleClass('active').next('.hidden').slideToggle(300);
    $(this).toggleClass('active').next().slideToggle("fast");   
  });

这种方法的问题是所有元素都需要放在一起才能使用“.next”，我的元素位于页面的不同部分。无论如何我可以确保如果用户单击链接以显示一个元素，则另一个先前打开的元素被关闭？

非常感谢