问题标签 [slidedown]

我有一个绝对位置的 div，默认“顶部”值设置为“-200px”。当我单击 div 时，“顶部”值更新为“0”。通过这种方式，我看到了整个 Div。

这是js：

有没有办法通过动画来实现这个结果？例如，滑下效果？

此外，当我再次单击 div 时，我希望“top”值将恢复为“-200px”。

当我向下滑动的对象的内容浮动时，我遇到了 jQuery slideDown 的问题。

发生的情况是 div 向下滑动超过内容的高度，然后“捕捉”到适当的高度。

我认为（仅仅是一个理论）div 是根据高度向下滑动的，如果里面的内容没有浮动的话。例如，如果我有 4 个浮动项目，则 div 的扩展距离似乎比我有 2 个浮动项目时的两倍。

使用 clearfix hacks 包含任何浮点数似乎都无法解决任何问题。

我过去使用的解决方案（也是推荐的解决方案）是在隐藏项目之前通过 CSS 设置项目的高度。这样，slidedown 就知道要走多远了。

问题是我正在嵌套使用向下滑动的面板。我不能事先设置父级的高度，因为它是根据已经展开的嵌套隐藏面板计算的。

我可以递归调用该函数来设置我的所有切换面板......找到最里面的嵌套面板，设置高度，折叠我默认隐藏的那些，然后向上移动层次结构。但这将是一个性能打击，不得不遍历这么多。

任何人都知道一种方法来修复浮动内容的此幻灯片，而无需事先通过 CSS 固定高度，而无需先手动遍历 dom 设置高度？

更新：

示例代码在这里：

http://jsbin.com/ajoka/10/

（点击页面看它滑动）

这是基于我正在使用的确切样式，并且在该特定组合中，您会看到问题。请注意，设置为 slideDown 的 DIV 具有粉红色背景。它会向下滑动到比其内容更远的位置，然后快速弹回正确的位置。

我有 4 个 div，单击导航时我想显示其中一个并隐藏其他。我让它工作了，但我觉得它不像我知道的那样流畅，它绝对是我的代码需要重构！这就是我所拥有的。

你好，我有这个脚本：

当我使用上滑。图像移到顶部。但我会使用下滑。但是当我将幻灯片更改为 slideDown("slow"). 我的 .logo img 不工作？我错了什么？

我需要一个平滑的幻灯片效果，我似乎无法理解我做错了什么。我试过以下

我做错了什么来使这种平滑效果发生吗

这是我第一次在这里发帖，自从我找到这个网站以来，在过去的几周里，我阅读了很多有用的东西！

所以，我的问题是：我的网站上有以下代码，我想做的是......

• 单击元素 (.btn-leavecomment) 时，

• 通过 slideDown 显示隐藏的 div (#commenttype)。这个隐藏的 div 包含两个单选按钮。

• 在单击/选择“第一个”单选按钮（.reveal_ccform）时，我希望显示另一个隐藏的 div（我已经完成了所有工作）

• 然后，我希望第一个隐藏的 div（其中包含单选按钮（#commenttype））消失并淡出（一旦用户只选择了两者中的第一个单选按钮。第二个单选按钮重定向到另一个页面以防万一你想知道。）

任何人都可以通过单击第一个单选按钮来帮助获得最后一点（淡出第一个隐藏的 div）吗？

谢谢

我的代码：

我刚刚从页面顶部的“FAST QUOTE”按钮安装了一个 slideDown 面板：

链接文本

当用户单击 slideDown 面板之外的任何位置时，是否可以使面板向上滑动？面板下方？

这是我的代码http://jsfiddle.net/AB6J3/7/您可以查看、编辑等。

当我滚动到红色边框时，橙色框应该向上滑动，鼠标移出时它应该向下滑动。它适用于另一种方式，但是当我将 slideDown 更改为 slideUp 时，它不起作用：/我错过了什么？

感谢帮助。

我有一类 div（'open'），其中包含另一类 div（'items'），如下所示：

我要做的是向下滑动单击的“打开”类中的所有“项目”类 div。

到目前为止我有

但它不起作用。有什么建议么？

谢谢，约翰

我使用 jQuery slideup 和 slidedown 功能制作了一个非常简单的下拉菜单 - 但是如果鼠标快速移动到它上面，或者如果鼠标被按住，它会变得非常跳跃（我使用的是 Firefox 3.6.8）子菜单项之一。

我在以下链接中做了一个工作示例：

http://jsfiddle.net/jUraw/19/

如果没有 .stop(true, true) 功能，情况会更糟。我也尝试过添加悬停意图，但是因为我在同一个 div 中有一个悬停触发的幻灯片，所以它与幻灯片的功能冲突。

有什么我想念的吗？我听说 clearqueue 可能会起作用，或者可能会超时，但不知道在哪里添加它们。

谢谢大家。