问题标签 [toggle]

我正在尝试span.wrap p span使用 jQuery 更新表单底部的 Total: ( ) 字段。

我有几个复选框，每个复选框都有一个包含在title属性中的相关价格，如下所示title="$2"：

当用户单击复选框时，我希望 Total: 字段动态更新。这是我拥有的脚本，但它会引发语法错误，如图所示。

注意：总计字段的初始值为0。有四个复选框；也许我需要使用each()？

关于如何使这项工作的任何想法？

我喜欢 jquery.toggle(switch) 函数，因为我可以在一行中执行以下操作；

但是我似乎无法将效果集成到这个调用中（滑动/褪色等）。

任何人都可以提供建议吗？

我的页面可能有 10 个左右的可编辑信息“面板”。为了启用编辑，我创建了一个新的 DIV，通过 AJAX 加载内容，然后切换 div（显示的那个会关闭，而我使用 AJAX 内容创建的那个会切换到显示）。

除了最后（最底部）一两个区域外，这非常有效。当这些切换时，我会在页面上看到一个视觉“闪光”，并且滚动条会跳动一点。它不会重新加载页面，也不会添加锚链接。事实上，它使用与页面上其他“面板”完全相同的 jQuery 函数。

现在，“修复”是在页面底部添加一个空的分隔符 div。这修复了下部切换面板上奇怪的“闪光”，但显然在页面底部留下了一个奇怪的空白区域。

有没有人遇到过这个问题并找到了除了填充页面高度之外的修复方法？

HTML：

没有用，代码有什么问题吗？

谢谢

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

这是我现在的脚本

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

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

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

怀疑我想在这个方面太聪明了！

我正在开发一个 jQuery 插件功能，当您将鼠标悬停在/移出时，该功能将在元素上打开/关闭一个类，但如果您在悬停之前单击元素内部并不会切换，则不会删除该类元素在悬停之前已经具有该类。

我尝试提出以下建议：

...如果您在单击之前悬停，删除类并取消绑定单击的想法 - 如果您在悬停之前单击，取消绑定 mouseout 并且该类永远不会被删除。

显然（因为我在这里寻求帮助！）它不起作用 - 无论我是否在悬停之前单击元素内部，该类都会被删除。

谁能指出它失败的原因，并可能提出更好的解决方法？谢谢！

我想通过单击标签时显示/隐藏其内容的选项来增强一些字段集。

目前，HTML 如下所示：

因此，单击 onefieldset legend时，应切换除父字段集的单击图例之外的任何内容。

我尝试使用这个：

但它什么也没做（甚至一开始也不隐藏内容）。当然，我只想在用户单击的字段集上切换视图，因此它必须以某种方式确定单击了哪个图例，然后隐藏相应字段集的内容。

当然，我可以给他们所有的 ID 并为每个字段集编写代码，但是看到它总是相同的那是相当多余的，我认为必须有一种方法使这个功能对任何数量的字段集都通用......

有人有一个好主意吗？

Actually, I am new to jQuery and I am writting a sample page with jQuery functions. In this page I am making use of toggle function. Please help me to get the intended effect. I am trying to get it but it is not working properly. The effect I am trying to apply is;

1. There are 2 buttons on the page, say Button1 and Button2.
2. There are 2 Divs, say Div1 and Div2.
3. Initially both Divs are hidden and only 2 buttons are visible.
4. If Button1 is clicked, Div1 should get toggle down and vice versa.
5. If Div1 is in open state and Button2 is clicked, Div1 should go up slightly and Div2 should fall down.

I have written some code with CSS applied on it. But I am not getting the sliding effect as it gives with only one Div.

I have written Javascript as;

我正在尝试获得切换效果，但不太确定该怎么做或要寻找什么。（我加载了 Jquery）。

假设 html 类似于

采取的步骤

1. 显示所有 div
2. 单击日期的 td 将隐藏除 div 之外的所有内容，单击当天的课程
3. 单击“所有日期”将再次显示所有内容

知道我怎么能干净地做到这一点吗？理想情况下使用 JQuery。

我刚刚开始接触 JQuery，所以如果这是一个简单的问题，我提前道歉。

我正在处理有关打印预览的 A List Apart 文章，以尝试在我正在处理的 web 应用程序中获取实时打印预览。我已经让它令人满意地工作，但我现在正试图将我的代码重构为我认为它应该在内部看起来的样子。我目前有两组方法，一组用于显示微拷贝块，另一组用于删除它。我宁愿只有一个集合来切换相关元素的适当值。

对于 CSS，这意味着禁用非打印预览表并启用打印预览表，反之亦然。对于我的 microcopy，这意味着设置display为block而不是none，反之亦然。

至少对于样式表链接，我想简单地遍历相关link元素的集合并设置disabled为，!disabled但我不知道该怎么做。我正在使用 jQuery，但我不反对低于该抽象级别。

我假设一旦我知道如何对link元素执行此操作，我应该能够扩展解决方案以切换display微拷贝 div 的属性。

这是我目前为好奇而设计的功能：

提前致谢！

谢谢大家。这是我的最终解决方案：

事实证明，我什至不需要切换 div，因为仅样式表就可以做到这一点。