Jquery 具有扩展子AV的水平导航

因此，我已经四处摸索了一段时间，但找不到答案

我想做的是有一个大约4个主要导航主题的导航。单击每个主题将在与该主题相关的subnav项目列表下方展开（即，单击“硬件”，将显示所有硬件子主题）

这个想法与您在comedynetwork.ca上单击“显示”时看到的类似

我还希望，当他们点击另一个主导航时，subnav将关闭并向新的subnav打开（即“硬件”将关闭，“软件”将打开）

抱歉，如果我说得非常含糊，我会发布代码，但我实际上放弃了我正在尝试的一切

更新： 所以就在我认为我已经搞定的时候，我无法让这件事正常执行。jsfiddle向我展示了它是如何工作的（不包括明显的像抛光一样的放松）：

但当这本书出版时，它就行不通了：

我链接了jquery（1.9.1分钟来自GoogleAPI），没有语法错误。。。但是这个看似简单的代码不会运行

另外，如果有人建议改进我的html，而不使用软件、硬件等，那就太棒了。javascript:void（0）更可取，但我想不出如何使它在这种情况下工作

---

谢谢你们一直以来的帮助，伙计们

你以前应该搜索过谷歌

无论如何，搜索“CSS导航”栏。你会发现很多例子。他们会成功的

好的，那么你可以建立一个这样的菜单

最初使用CSS隐藏它

.菜单{ 显示：无； }

设置事件处理程序以切换并设置子菜单显示的动画

将Jquery用于该slideDown动画

---

的确如此。如果你在谷歌上搜索“Jquery下拉列表”或“Javascript下拉列表”，你会发现如下内容：

---

我想这会有所帮助；）

至于我在jsfiddle.net中工作的更新出现的问题，运行后从jsfiddle.net/draft获取代码似乎已经解决了这个问题

---

不完全确定代码哪里出错了，但它现在正在工作。谢谢大家

我保证我在寻找我需要的东西方面做得很糟糕。我认为我遇到的最大问题是让SUNBNAV在导航条下方全宽。比如，我可以得到一个CSS导航条，但正是下面全宽子导航条的扩展吸引了我。@SpencerFord这样更好吗？你肯定帮我找到了我需要研究的东西。谢谢你，巴德！当我发现自己比现在想象的更迷路时，我会回来报到的！谢谢悉达多，谢谢你忍受我的模糊！我已经能够让这些工作之前，我只是想尝试一些我没有做过，在有一个全宽度下拉列表，仍然开放。

var divs = $('#nav div'),
links = $('a');

links.click(function () {
$(this.hash).toggle().siblings().hide();
return false;
});