防止jQuery slidedown菜单推下其他列中的元素？

Question

我当前的自适应网站有下拉菜单。我打算这样做，以便当窗口变宽时，项目组织成列（1,2和3）。这很有用，但是当我在第一列中滑动一个元素时，第一列中的元素也会下降。有时元素从一列跳到另一列。

我只需要知道该怎么做？ 菜单项是浮动的 菜单本身不是

Answer 1

使用某些填充为您的列设置相对位置，并将菜单设置为绝对位置。然后，您可以将菜单放在列中的文本上方，当您使用slideToggle（）

时，他们不会将文本按下

.col{
    padding:20px;
    position:relative;
}

.menu{
    position:absolute;
    top:0;
}

这里有一个 jsFiddle 来展示它的实际效果