jquery - 将滑动切换的元素保持在顶部

Question

我正在使用 jQueryslideToggle()来实现手风琴效果。出于规范和更好的定制原因，我没有使用实际的手风琴控件。我面临的问题是，在切换目标元素后，其父元素不会保持垂直位置，即它会向下滑动（参见下图和JSFiddle）。我无法在文档中找到任何有用的东西，而其他“从下到上滑动”的示例与我想要的效果不符。

有没有办法让父母保持在相同的顶部垂直位置？

Answer 1

将以下内容添加到您的 CSS 中：

.accordionWrapper {
    vertical-align: top;
}

http://jsfiddle.net/mblase75/jGnC6/1/

发生这种情况是因为您正在使用display: inline-block;显示手风琴包装器；默认情况下，内联元素垂直对齐到底部。

如果您更改样式并float:left;改为使用，则不再需要该vertical-align:top属性。