问题标签 [slidetoggle]

我有一个菜单，在 .click 上触发 slideToggle 以显示/隐藏列表的元素。

当页面首次加载时，列表的所有元素都是可见的。当您单击与列表中不同元素相对应的菜单时，不同的部分会滑开。菜单如下所示：

该列表如下所示：

当您单击 ONE 时，会发生什么，两个和三个向上滑动，因此您只能看到带有 .one 的项目。这确实发生了。当您再次单击 ONE 时，2 和 3 会向下滑动，因此您会再次看到所有内容。这是完全正确的。

但是，如果您不返回 ONE 以展开列表，而是跳转到 TWO，事情会变得很奇怪：预期的操作是您现在会看到“two”类中的项目，而不会看到 .one 和 .one 和 .one 。三。相反，您只会看到 .three 单击 THREE，然后显示 .one 和 .two 并隐藏 .three

那是一团糟。我现在是这样称呼这些的：

一定有一种简单有效的方法，对吧？

我的网站上有一个漂亮的上滑/下滑 jquery 表单。它将数据发送到同一文件以发送电子邮件。这工作正常：

test.php 顶部的 php 发送电子邮件：

这是从外部文件获取我的简单邮件功能。但是，我想要某种方法来验证表单条目（包括电子邮件验证），然后在联系潜水中显示错误。我对 jQuery 或 ajax 没有那么丰富的经验，但无法在我的 php 中使用 if 语句并在 ajax 的“成功”部分中回显变量。

我不知道这里发生了什么..我正在尝试在我的菜单上添加一个滑动切换..看起来很简单..我试图简化它以尝试找到问题（意味着我已经采取了所有链接出和额外的jquery，只有底部的例子 - 最后的段落）但我不知道错误是什么..（其他它没有做任何事情）

包括：

剧本：

的HTML：

我正在制作一些非常通用的东西 - 只是一个可折叠的菜单列表，实际上我正在尝试模仿 wordpress 管理菜单。由于某种超出我理解的原因，我设法让 slideToggle 滑动打开菜单，但是当我再次单击切换锚时它们不会关闭。这是jQuery：

这是标记

任何人都可以帮忙吗？

我正在使用默认设置为 display:none 的滑出面板。如果单击触发器，它将将该类切换为“活动”。这使得触发器显示来自精灵位置的红色 x（表示关闭）。

}); 所以这就是我所拥有的，但现在我想要的东西来了，也许你们中的一个人知道如何实现这一点。
我想创建选项以使面板在默认情况下显示或在默认情况下隐藏，并且切换应该相应地运行。这意味着如果我选择默认显示面板，则应将切换设置为“活动”以显示 x 精灵位置。如果我选择默认隐藏面板，则应将切换设置为“未激活”以显示 + sprite 位置。

我希望我已经把自己说得够清楚了。非常感谢帮助。

编辑你们是对的。需要更多的解释。我只是想让它尽可能短，但这里还有一些......

我正在创建一个网站模板，模板的购买者应该能够包含这些面板以供参考。默认情况下，它应该设置显示面板并将触发器类设置为“活动”。这将显示我的小 x 关闭。
但是，如果模板的购买者将额外的类“隐藏”添加到面板标记中，则面板应该默认隐藏，并且触发器不应设置为活动，因为在这种情况下，我的触发器将显示小 + 以打开此面板。现在明白我的想法了吗？

我已经在 jQuery 和 slidetoggle 效果方面做了很多工作，之前没有遇到过这个错误。该页面是http://gilman.oomphdev.com，错误是当用户单击“这是什么？” IE7页面顶部的标签。此外，当单击“贡献你的”链接（右侧列，白框底部）打开评论表单时。

slideToggle 效果将一些内容向下推，但不是其他内容，并且元素从 display: none 变为 display:block 闪烁然后消失。显示/隐藏容器内的“浮动”元素，但我使用 clearfix 来帮助提供容器高度。

我认为这是一个 z-index 问题，所以我发现了一些 jQuery 循环遍历整个 DOM 并手动给每个 DIV 一个 z-index，但这并没有帮助。我也玩过 position:relative 的一些元素，但这也无济于事。我使用 CSS3 PIE 来渲染一些 CSS3 效果，但后来为了缩小可能的错误范围而将其关闭。

到目前为止，我很难过。任何见解将不胜感激。我的主要样式表位于：

/wp-content/themes/thinking/styles/screen.css

我在该目录中还有一个样式表，用于 ie.css 和 reset.css

我有这样的问题，我有一个包含一些隐藏子内容的菜单。当用户单击导航按钮时，会出现一些隐藏的内容。那部分很好，一切正常。

我需要知道的是，当我有一个导航项显示它的隐藏内容时。如果用户单击下一个导航项。我希望其他隐藏内容消失并出现新的隐藏内容。

我的灵感来自这个网站。http://www.o2.co.uk/如果您单击导航箭头项目。对此的任何帮助都会很棒。顺便说一句，所有的显示和隐藏效果都在工作。

谢谢任何可以帮助的人..

有没有办法避免 jQuery 的 slideToggle() 出现问题？

当有人悬停链接时，我有一个水平滑动菜单，下面有slideToggling 列表。

关键是当我在 jQuery 加载之前将鼠标悬停在链接上时——一切都以相反的方式工作。当我悬停时菜单消失并在指针位于其他地方时显示。所以菜单没用。

这是jQuery代码：

})

也许一些附加条件，例如“如果导航 li 悬停并且 ul 不可见，则再次滑动切换”？但我不知道怎么写。

非常感谢。

为什么这在 IE 7 中不起作用？任何帮助将不胜感激！

http://www.kewl.ca/slideToggle.php

我在这里创建了一个问题示例：

http://jsfiddle.net/jXLSW/

请注意，当您将鼠标悬停在图像上时，图像顶部会显示一个 div。当你离开图像时，它就消失了。问题是当您将鼠标移到顶部的 div 上时。它进入这个显示/隐藏周期，因为鼠标正在进入/离开。

这个显示在顶部的 div 将包含用作工具栏的图标。当我将鼠标悬停在工具栏上时，如何保持工具栏可见？更重要的是，我怎样才能让悬停事件停止骑自行车？

更新：有趣的是以下代码可以按需要工作。问题是，似乎经常出现实时查询问题，实际上并没有出现。因此，没有 div 出现，这也是一个主要问题。