用于外部导航元素的jQuery slidetoggle

Question

我试图在有4个可点击链接的地方进行导航。然后，这些链接将下拉菜单并显示内容，请注意，内容不直接位于代码中的链接下。这是目前的样子图像：

点击任何链接（女士，男士，青少年，商店）时，我需要jQuery让它滑下来。到目前为止，我已经完成了这项工作，但是当点击其他三个（当第一个处于活动状态时）不应该让它重新启动，而是显示该特定导航链接的内容并隐藏之前点击的链接＆＃39;内容。

e.g。在点击女士之前单击男士将在女士内容上设置无显示，并将显示男性＆＃39;内容而不是。因此，当单击两次相同的导航单元时（第一次激活，第二次关闭），导航应仅向上滑动。

演示：http://jsfiddle.net/Malachute/yxC8L/

如果可能，它还应该.addClass到当前活动的导航链接。这个jQuery代码是什么？提前谢谢。

Answer 1

我希望我理解你的问题，我改变了小提琴，请告诉我，如果这是希望的行为:) 如果不是我会再次尝试帮助:) Here is the fiddle