jQuery Slide Out;Содержание исчезает во время скольжения

Question

Используя эффект jQuery, у меня есть слой, в котором есть коллекция HTML (которая отображается очень хорошо).

При нажатии кнопки это выдвигается

 ($n).show('blind', { direction: left }, 1000);

Этот эффект работает отлично.Это не доставляет мне никаких проблем.Но иногда внутри слоя у меня есть другой контент, который должен быть правильно выровнен с помощью плавающих элементов.

<div class="sliding-panel">
 <div style="float: left">
 This content goes on the left
 </div>
 <div style="float: left">
 This content goes next to the first content!
 </div>
</div>

В HTML это работает нормально.И он хорошо отрисовывается на выдвижной панели - однако во время анимации скольжения вся панель прозрачна.Затем он просто «появляется» после завершения анимации.

Есть идеи, как мне избавиться от этого липкого эффекта?Я стараюсь избегать избыточных эффектов «показать / скрыть», если это возможно, поскольку не у каждого экземпляра этой «скользящей» панели есть такие требования.Я надеюсь, что есть только проблема css, которую я пропускаю.

Answer 1

Добавить

.sliding-panel {
  overflow: hidden;
  zoom: 1;
}

в вашу таблицу стилей

Answer 2

Если у вас есть только плавающие элементы в контейнере, который вы пытаетесь анимировать, это произойдет.Вам нужно добавить какое-нибудь ясное исправление в контейнер.

Вот одна опция , с которой вы можете поиграть.