0

我试图在 JQ 中创建一个菜单，您单击一个链接并滑动切换菜单的显示。在菜单中，您可以直接链接到页面，然后展开显示另一个菜单的链接。到目前为止，我已经完成了这项工作：

http://www.eadata.co.uk/testing/test.html#

我现在想做的是，当您单击顶部的链接并重新切换时，我需要关闭所有展开的菜单。它目前部分有​​效，并且在切换时仅隐藏顶部子菜单。因此，当您将其向下切换时，菜单全部关闭。

我一直在努力解决这个问题，但我仍在学习 JQ。PHP是我的事！:)

如果鼠标离开了菜单区域，这个菜单是否可以在设定的时间后切换回来？

4

1 回答 1

1

首先试试这个（版本一）：

给你所有的 nav-level-2 一个类而不是一个 ID（不要忘记你的 CSS）。

$(".nav-level-2").slideUp('slow');

如果这没有帮助，请使用：

您可以$('#nav-container').find('.nav-level-2')在 jQuery 中使用该类获取所有元素。有了这个，你可以使用这个：

for(var i = 0; i < $('#nav-container').find('.nav-level-2').length; i++) {
    $('#nav-container').find('.nav-level-2').eq(i).slideUp('slow');
}

如果这没有帮助，请使用：

提供所有 nav-level-2 唯一 ID 并将它们全部存储在一个数组中，并使用 for 循环关闭所有级别。如果它们关闭，它们将不会动画：

var levelarray = new Array('nav-level-2-a', 'nav-level-2-b', 'nav-level-2-c');
for(var i = 0; i < levelarray.length; i++) {
    $('#' + levelarray[i]).slideUp('slow');
}
于 2012-04-19T15:19:32.797 回答