Держите слайдер в верхней части

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.