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;
}

添加到样式表中