问题标签 [slideup]

我正在创建一个页面，顶部有一个图像，下面有一个菜单。当用户单击 3 个菜单按钮时，图像 slideUp 和页面向下滚动，因此菜单位于页面顶部，然后右侧 .content div 淡入。 slideUp 应该只在用户第一次发生点击按钮。

用 jQuery 做到这一点的绝对最佳方法是什么？（没有插件）

我还需要知道如果我单击同一个按钮两次，我如何无法阻止它淡入已经可见的页面？

我使用rel而不是href，因为 href 使页面跳转，即使使用return false。

这是我到目前为止所拥有的：

当我在我的 div 上调用 slideup 或 slidedown 时，它似乎滑动得非常非常快。我还需要向上滑动所有内部元素吗？

我的 DOM：

嘿伙计们，我创建了以下菜单结构：

这就是我的菜单结构。现在我想使用 jQuery Latest 来制作 SlideUp/SlideDown 效果。

我这样做：

我首先尝试了 mouseover 和 mouseout，但是当我使用该功能时，Mouseover 起作用了，当我想去 Sub 时，菜单向上滑动，但 mouseout 事件发生。现在它起作用了，但是当我将鼠标悬停在主项目 3 上时，主项目 4 中的潜艇也会在鼠标悬停时打开和关闭？！？！如何只说主要项目 3 或主要项目 4 中的菜单项？？？

希望你明白我的意思？

谢谢

我正在尝试使用切换、slideUp 和 slideDown 显示和隐藏一系列 div。我可以让 div 滑到下，但我不能让它上滑。我之前使用过这个脚本没有发生任何事故，所以我真的很困惑为什么这不起作用。我已经包含了我的脚本和我试图显示和隐藏的 div。

快速说明：当我在“隐藏的车辆”div 中放置一个普通的旧 p 标签时，它运行良好。它像它应该的那样显示和隐藏。但是，当我将表放回该 div 时，它不起作用。

我一直试图让这个功能工作一段时间。我有 11 个默认隐藏的不同 div。每个都有一个“触发”按钮，应该让它们弹出。我能够为每个特定的 div 使用更长的一系列函数来做到这一点（最终大约有 175 行代码！）。我想把它浓缩成一个可以做同样事情的函数，即：点击触发器 1 - div 1 打开/再次点击触发器 1，div 1 关闭等等。

这是我现在的脚本

它目前正在打开所有“HiddenVehicles”div，我需要让它更具体。我对 jquery 还很陌生，所以我几乎没有想法。提前谢谢各位！

编辑-感谢所有帮助人员，这是我想出的解决方案：

我创建了一个包装器 div，并在单击该 div 时触发了该函数。我还包括了一些图像交换和显示所有功能。

所以我使用了一个非常基本的 jQuery .slideDown，它在 FF、Safari 和 Chrome 中运行良好。在 IE7 中根本不起作用。这是脚本：

我已经研究了几个小时，发现了一个与上滑/下滑相关的错误，导致它在 IE7 中用于 postion:fixed 元素的后代时失败。此动画发生在位置：固定导航栏中，但是，我尝试使用位置：相对包装内部元素但无济于事，我在 IE 中仍然一无所获。另外，请注意 nav 元素被 jQuery 隐藏，即使在 IE7 中也可以使用该功能，但是，上/下滑动不是。

这是相关的CSS：

我试图让这个手风琴在打印时展开。关闭 javascript 时代码会优雅地降级，但打印时不会扩展。

这是它的演示，因此您可以了解它是如何工作的：http ://evanmoore.webs.com/test.htm

非常感谢你的帮助！

下面是代码：

我有一个带有几个<input>文本框的表单。他们通过发布请求工作正常。

每一个都包含在自己的 div 中，它会向上滑动（使用 slideUp();）它已填充的内容。但是，其 div 已经历 slideUp(); 的任何文本框；（因此是不可见的）在提交表单时不会将其变量传递到下一页。有没有人对slideUps如何继续但所有数据都传递有任何建议？非常感谢。

代码

您可能知道脚本化的SlideUp 效果。好吧，它垂直向上滑动一个 div 作为关闭效果。

我想让它水平工作。有一个选项：scaleX:true, scaleY:false

但它不能正常工作： div 在关闭之前跳下来......

有谁知道如何使用 slideUp 效果进行水平滑动？

谢谢

当您使用鼠标进入 .li_group 类时，它会在 1 个单个<li>标签上产生向下滑动效果，一切顺利，但在延迟期间，如果您将鼠标移开并打开 .li_group，它会“排队”效果并将 li 向下滑动、延迟、滑动它再次下降等等......我已经尝试了我能想到的所有方法，甚至是 stop(); 但它仍然这样做......

我使用 mouseenter 而不是 hover 的原因是因为它更适合 ul / li 列表