问题标签 [toggle]

如果我运行这段代码，

不调用切换。

如果我改为编写以下代码，它可以工作。为什么？

我有一张桌子。每一行都是一条记录。如果您通过 jquery 单击一行（记录），我会在其下方创建一个新的 TR，然后通过 AJAX 插入一个新表（与上述记录有关的数据的相关子集）。这是首先加载的，然后我以漂亮的动画方式扩展 TR。

这看起来不错的样子。

现在它已加载并展开，我想轻松切换此 TR，以便可以折叠和展开它们，而无需通过 AJAX 重新加载内容。

显而易见/最简单的选择是更改触发器的事件处理程序并给它一个 TOGGLE 事件。

从功能上讲，这是可行的。但是，从美学上讲，这完全是一团糟。

当我第一次 .toggle 关闭时，新 TR 的内容确实很好地折叠，但父表的其余部分直到 TR 完全折叠后才会跟随，然后父表迅速折叠以填补空白。这很刺耳。

然后，在下一个 .toggle 打开时，子表在父表之外进行动画处理，然后迅速折叠其宽度。也很不和谐，现在我只剩下一张与其父级相比非常狭窄的桌子。

如果我从切换事件中省略动画，它可以正常工作，尽管没有漂亮的过渡。我猜这可能与 jQuery 相关的更多 CSS 相关？关于我可能需要声明 CSS-wise 以防止这种不稳定的视觉行为发生的任何指针？

编辑：根据马特的要求，标记/脚本：

我用于切换的 jquery：

如何使用超链接而不是输入按钮作为操作项来执行 jQuery 'slidetoggle' 效果？

在 jQuery 参考页面

它仅给出了使用表单输入按钮的示例。

我想有一个超链接而不是一个按钮，作为切换可点击操作。

如何触发一次 JQuery 切换事件，并且只有一次，另一个 JQuery 切换事件已完成？

我有以下内容：

• 我有<div id="displayDivWhenPageLoads">...</div>- 这个 DIV 在网页加载时显示（可见）。
• 我也有-当网页第一次加载时，<div id="displayDivWhenToggledSelected">...</div>这个 DIV 是隐藏的（ ）。display:none

我想要做的是当有人按下我的 JQuery 切换操作按钮时，它

1. 切换 div=displayDivWhenPageLoads 以便不再显示 div (display:none)
2. 然后一次，并且只有一次，displayDivWhenPageLoads DIV 已被切换，使其不再可见，然后切换 div=displayDivWhenToggledSelected 以便此 div 现在变为可见切换。

说得通？

我一直在查看 API http://docs.jquery.com/Effects/slideToggle#speedcallback，但我不清楚如何在第一次切换完成后触发第二次切换。

我正在尝试修改jQuery UI portlets的图标。而不是有一个加号来最小化和一个减号来扩展，我想切换它们。

我只在第一次单击减号时获得了有限的成功，它会变为加号，但加号永远不会变为减号。对此的任何帮助将不胜感激。

这是一个示例 HTML：

这是我为 jQuery 想出的：

我不确定他们如何能够正确切换正负。

如果我有一个 div，其类的高度设置为 100 像素，并且溢出：隐藏（实际上是其内容的预览），我如何合并 'slideDown()' 方法以滑动到 div 的完整高度？（即去掉css类中的高度限制）。

我有一个表单设置，因此当您选中一个复选框时，相关的 UL 将根据选择展开显示更多选项。它有效，但仅当用户单击复选框的标签时。如果单击该复选框，则 UL 会按预期展开，但不会选中该框。

Javascript：

HTML：

slideToggle() 函数没有按应有的方式工作。单击框/标签时，UL 会立即展开然后缩回。我可以让它停止的唯一方法是添加'return false;' 当然，这会导致复选框不选中。因此，checkbox.attr()。

破解代码，我知道。但是我怎样才能让复选框工作呢？>.<

我想添加切换显示行，如谷歌分析顶部内容。

在谷歌分析热门内容的底部，有一个下拉选项可以选择 20、50 等来切换热门内容的数量。

我想将此 javascript 添加到我动态生成的产品列表中。

似乎它在选择标签中使用了 onCharge。

我想为这个功能使用 jquery。

任何人都可以为此或任何资源提供任何建议吗？

提前致谢。

我使用 jquery 来切换一些段落。只需一段就很容易，但说我有一个非常通用的设置。第二段最初是用 css 隐藏的。

问题是每次我单击“阅读更多”链接之一时，它都会显示每隔一段。我只想让它显示点击的第二段。

对 jquery 来说很新...

(Jquery) 我有两个 div，我在我的页面上使用每个 div 的链接来回切换（显示和隐藏）。我希望单击的链接更改为突出显示的背景颜色，并且当您单击另一个链接时，它会突出显示并且之前的链接恢复正常。

我已经尝试修改我为 div 获得的切换代码以将其应用于链接上的 css，但我无法弄清楚。

如果有人有想法，我将不胜感激。谢谢你。