下拉部门

Question

我正在试图获得一个部门，当点击时，会显示自己并在菜单下方下降，然而，我无法让它按照我需要的方式下降。这是我第一次真正玩弄这样的东西，所以我不确定需要做什么。

在几个堆栈用户的帮助下，我已经让div下拉并显示自己就像我想要的那样，但问题是我将它设置为绝对位置而不是推送它下面的内容为了腾出空间，它只会出现在菜单下方的任何地方。 （见截图）

这是隐藏的菜单：

这是显示的菜单：

我遇到的另一个问题是，我不是百分之百确定解决方法是我正在使用网格系统，并且标题分区有3个为徽标保留的列（左上方的模糊）和为导航菜单保留了9列。这是一个问题的原因是因为“菜单内容”划分 - 揭示的划分 - 位于导航部门（9列）下的列表中。我不确定它是否可能，但我希望能够让它跨越下面的整个12列（978px）。

我知道这可能很难理解，所以我会将我的css / html发布在下面的一个pastebin中。

-removed -

这应该是一切。我试图将我的CSS减少到标题中使用的分区。先谢谢你的帮助，Brian。

Answer 1

如果你想使用slideToggle功能，你的div应该是独立的，否则将效果应用于一个div会转移另一个div。

一致的结构是解决问题的关键。