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

Question

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

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

Answer 1

将以下内容添加到CSS中：

.accordionWrapper {
    vertical-align: top;
}

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

这是因为您使用display: inline-block;来显示accordionWrappers;默认情况下，内联元素垂直对齐到底部。

If you change your styles and use float:left; instead, you won't need the vertical-align:top property anymore.