Как использовать JQuery slideDown(), не затрагивая остальную часть страницы?

Question

У меня есть список результатов в классах «row». Эти строки разделены на две части, а «span8» и «span4». Пролет 4 скрыт до тех пор, пока функция не вызовет его в slideDown. Тем не менее, он имеет высоту, большую, чем высота строки, поэтому, когда она скользит вниз, остальная часть страницы слегка сдвигается. Есть ли способ разрешить ему «пройти» другие элементы? Как в MS Word, когда у вас есть изображение и позиция его «через», чтобы он мог сидеть поверх текста, не затрагивая его.

Answer 1

Поместите это абсолютно и добавьте «position: relative» в свой класс строк.

Другой вариант - установить видимость, а не отображать: none. Это позволит сохранить высоту от прыжков.

Answer 2

Вы можете обернуть его в контейнер с помощью height: 0; overflow:visible; и установить фактический контент на overflow: hidden. Затем, когда изменяется его высота, он должен перекрывать другой контент. Контейнер также может иметь высоту строки, а не 0 для согласованности.

Вы увидите в этом JSfiddle, что серый ДИВ под верхним контейнером не вытесняются текст «содержание» (половина показанного на хихиканье) http://jsfiddle.net/W2HP3/1/