我对 jquery-ui 的幻灯片效果有疑问。我有一个带有几个按钮的侧边栏，单击这些按钮会产生另一个侧边栏以从其左侧边缘滑出。其中一个“辅助边栏”包含一个 google JS map ，将其滑出效果很好。
另一个包含关于右侧边栏显示的资源的讨论和评论。这些讨论使用模板插件填充，填充容器的代码在调用 .toggle() 之前调用。
当容器滑出时，容器(背景色为#eee)并未“在高度上跨越其子项”。我看到一个大约 500x40 像素的框，具有正确的背景颜色，并且此容器的子项显示时好像它们的标记位于容器之外。
动画完成后，容器会垂直拉伸(stretch)以覆盖其所有子项，一切正常。不幸的是，我无法给任何人提供指向此代码的实例的链接，所以我要求的是关于如何开始寻找问题的建议。这可能是任何东西，但我的猜测是这是 jquery ui 的错。
重要:
JQuery-UI 的 .slideToggle() 不会重现此错误，.fadeIn() 或 .toggle() 也不会。不幸的是，.slideToggle() 不接受方向参数。
谢谢
最佳答案
检查 float ，确保在滑动 div 中清除它们，就在它之前和之后。
在 float 元素(带有 float:left 或 float:right 的 div)之后添加以下内容
大多数人都有一个名为“clear”或“clr”的 css 类
.clr {clear:both;}
那么你可以做
<div class="clr"></div>
它读起来稍微好一点，因为你以后可能会用到它们:)
关于javascript - toggle ("slide", {direction : "right"}, 5000) parent div问题的高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7204402/