导航栏问题与slideDown和slideUp有关

Question

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

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

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

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

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

非常感谢任何帮助。

谢谢， Velcrobelly

Answer 1

第一个问题发生的原因是当您将鼠标悬停在某个项目上时设置dropdownclosetimer = null。这取消了对HideMainDropdown（）的调用。第二个问题是因为'#maindropdown'延伸到适合其内容。它被拉伸以适应更大的'＃aboutus-dropdowncontent'。

在旁注中，您的html与您的主导航中断的子导航不是语义。通常人们也会使用列表。这是一个简单的例子：http://jsfiddle.net/LMWLn/101/我确信CSS可以在它上面做得更好但是有效。