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

Question

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

我尝试使用：

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

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

非常感谢