2012-01-20 27 views
2

我想做一个导航,有4个可点击的链接。然后这些链接将下拉菜单并显示内容,请注意,内容不直接位于代码中的链接下。这里是它目前的样子的图像:jQuery slidetoggle外部导航元素

enter image description here

我需要jQuery来使点击任何链接(女装,男装,青少年,店),当它的slideToggle下来。到目前为止我的工作已经完成,但是当点击其他三个(当第一个被激活时)不应该使其恢复,而是显示该特定导航链接的内容并隐藏之前点击的链接的内容。

例如点击男士而先前点击女士将在女士内容上设置显示无,并将显示男士内容。因此,导航应该只在相同的导航单元被点击两次(第一次激活,第二次关闭)时滑回。

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

如果可能的话,也应该.addClass到当前活动的导航链接。 jQuery的代码是什么?提前致谢。

回答

1

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

+0

这看起来就是我要找。谢谢!将在几个小时后回家测试。将回报。 – ANGRYKOREAMAN

+0

了解它与你的代码工作!最后一个问题:如何使用.addclass将“当前”添加到活动菜单li元素? – ANGRYKOREAMAN

+0

类切换的另一个叉事件http://jsfiddle.net/DxLsD/ ..它可能会使更好的方式,但我现在累了,这是工作:) 请检查我的答案为acceptedtet: )谢谢 – simekadam