我的jquery-ui幻灯片效果有问题。我有一个带有几个按钮的侧边栏，点击它时会产生另一个侧边栏从左边缘滑出。其中一个“辅助侧边栏”包含一个谷歌JS地图，并将其滑出工作正常。
另一个包含有关右侧边栏显示的资源的评论的讨论。使用模板插件填充这些讨论，并在调用.toggle（）之前调用填充容器的代码。
当容器滑出时，容器（背景颜色为#eee）不是“跨越其子高度”。我看到一个大约500x40像素的盒子，背景颜色正确，这个容器的子项就像它们的标记在容器外面一样。
动画完成后，容器会垂直拉伸以覆盖其所有孩子，一切都很好。不幸的是，我不能给任何人链接到这个代码的实际示例，所以我要求的是关于如何开始寻找问题的建议。这可能是任何事情，但我的猜测是这是jquery ui的错。
重要：
JQuery-UI的.slideToggle（）不会重现此错误，而不会重现.fadeIn（）或.toggle（）。不幸的是.slideToggle（）不接受方向参数。
由于
答案 0 :(得分：4)
检查浮子，让它们在滑动div内部，在它之前，以及它之后清除它们。
在浮动元素之后添加以下内容（div使用float：left或float：right）
大多数人都有一个名为“clear”或“clr”的css类
.clr {clear:both;}
那么你可以做到
<div class="clr"></div>
它的读数略好，因为您将来可能会使用它们很多：）