jQuery 滑出；滑动过程中内容消失答案

【问题标题】：jQuery Slide Out; Content is Vanishing during slidingjQuery 滑出；滑动过程中内容消失
【发布时间】：2010-08-01 18:27:45
【问题描述】：

使用 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问题。

【问题讨论】：

标签： jquery css

【解决方案1】：

添加

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

进入你的样式表

【讨论】：