-1

所以我一直在四处寻找，找不到答案。

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

这个想法类似于您在 thecomedynetwork.ca 上单击“节目”时看到的内容

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

对不起，如果我非常模糊，我会发布代码，但我实际上是在放弃我正在尝试的一切。

更新：所以就在我认为我已经完成的时候，我无法让这件事正确执行。jsfiddle 显示它如何工作我需要它（减去明显的抛光，如缓动）：http: //jsfiddle.net/HGTKZ/1/

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

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

但是当发布这个东西就行不通了： http: //agiile.com/testing6.html

我链接了 jquery（来自 Google API 的 1.9.1 分钟）并且我没有收到任何语法错误......但是这个看似简单的代码将无法运行！

顺便说一句，如果有人建议改进我的 html 并且不使用#software、#hardware 等，那就太棒了。javascript:void(0) 会更好，但我想不出如何让它在这种情况下工作。

感谢你们一路上的帮助！

4

3 回答 3

1

你以前应该搜索过谷歌。

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

好的，然后你可以建立一个这样的菜单

  1. 最初使用 CSS 隐藏它

    .menu{ 显示：无；}

  2. 设置事件处理程序来切换 + 动画子菜单显示。

  3. 将 Jquery 用于该 slideDown 动画。

于 2013-02-19T08:06:24.110 回答
0

的确。如果您在 Google 上搜索“Jquery 下拉菜单”或“Javascript 下拉菜单”，您会发现如下内容：

http://css-tricks.com/simple-jquery-dropdowns/

这应该有助于我猜；）

于 2013-02-19T08:26:17.743 回答
0

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

不完全确定代码在哪里出错了，但它现在可以工作了。多谢你们！

于 2013-02-22T21:29:17.017 回答