jquery - slideDown 和 slideUp 的导航栏问题

Question

我搜索了论坛，没有发现类似的问题。

首先，我的代码示例可以在这里找到：http: //jsfiddle.net/LMWLn/97/

虽然它在技术上有效，但我想清理几个问题：

1. 当我将鼠标移到“解决方案”或“关于我们”上时，动画效果很好。它向下滑动，然后向上滑动。但是，当我从“解决方案”直接转到“关于我们”时（反之亦然），它会立即进行更改，而不是向上滑动第一项然后向下滑动第二项。

2. 如果我刚刚查看了“关于我们”内容，然后将其关闭，然后将鼠标悬停在“解决方案”选项卡上，则内容 DIV 会滑下之前内容的整个高度，然后反弹回自己的高度（我希望这是有道理的...）

任何帮助将不胜感激。

谢谢，魔术贴

Answer 1

发生第一个问题是因为您在将鼠标悬停在项目上时设置了 dropdownclosetimer = null 。这将取消对 HideMainDropdown() 的调用。第二个问题是因为“#maindropdown”会拉伸以适应其内容。它被拉伸以适应更大的“#aboutus-dropdowncontent”。

附带说明一下，您的 html 不是语义的，您的子导航从您的主导航中分离出来。通常人们也使用列表。这是一个简单的例子： http: //jsfiddle.net/LMWLn/101/ 我确信CSS可以做得更好，但它可以工作。