用于外部导航元素的 jQuery slidetoggle

标签 jquery html css

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

enter image description here

我需要 jQuery 使其在单击任何链接(女士、男士、青少年、商店)时向下滑动。到目前为止我已经可以正常工作了,但是当单击其他三个(第一个处于事件状态时)不应该让它返回,而是显示该特定导航链接的内容并隐藏之前单击的链接的内容。

例如在之前单击女士的同时单击男士将在女士内容上设置为不显示,而是显示男士内容。因此,只有在同一个导航单元被点击两次(第一次激活,第二次关闭)时,导航才应该向上滑动。

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

如果可能,还应该将 .addClass 添加到当前事件的导航链接中。这个的 jQuery 代码是什么?提前致谢。

最佳答案

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

关于用于外部导航元素的 jQuery slidetoggle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8939495/

相关文章:

javascript - 在 Bootstrap Modal 上并排放置 Div

javascript - 如何使用弹出窗口内的按钮关闭弹出窗口?

javascript - 在文本输入框中添加 block ,类似于电子邮件应用程序到字段

html - 无法覆盖网页模板中的内联 CSS

php - 如何使用jquery加载函数加载php函数?

javascript - 动态更改输入字段的占位符?

javascript - 查看 3 "screens"后,我的 slider 无法正常工作

javascript - 显示/隐藏 div 以使用 jquery 进行过滤

html - 表格单元格内的 css 绝对位置除 Firefox 外无处不在

css - 我可以在 CSS 中混合固定的左偏移量和相对宽度吗?