jQuery滑出;内容在滑动期间消失

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

如果您在容器中只有浮动元素，那么您将尝试进行动画处理。您需要在容器中添加一些clearfix。

这是你可以玩的一个option。