问题标签 [slidetoggle]

我有一个表，其中将有数千条记录（div 元素）。每个 div 都可以点击，当我点击每条记录时，隐藏在点击的 div 下的 div 将使用 slideToggle 显示。

由于记录的数量非常多，因此 slideToggle 的效果不是理想的。它只是显示 div 而不是滑动。

我有以下事件处理程序代码

我不想将这些记录分成页面。

有什么办法可以让slideToggle 效果平滑吗？

谢谢

我正在使用 slideToggle 技术在我的应用程序中显示和隐藏 100 多个充满信息的 DIV。我有“全部显示”和“全部隐藏”按钮，我希望它们也有 slideToggle 动画（而不仅仅是显示和隐藏所有）。但是在 IE6 上，slideToggle 在应用于每个元素时运行速度非常慢。

有谁知道如何加快速度？另外，我正在切换 msg_head 中的图标，但这并没有减慢它的速度。如果我删除 th slideToggle 并将其替换为仅显示/隐藏（在显示全部/全部隐藏时）它表现良好。但是，如果可能的话，我希望有动画。

而我的全部显示和隐藏所有功能......

作为记录，单独的 toggleSection() 函数执行完美。并且将 showall 和 hideall 函数中的 slideToggle 替换为 show 和 hide 效果也很好。我真的只是想看看是否有办法让 slideToggle 动画看起来不窒息。

我有这个标记：

通过 jQuery，我正在做一个 .slideToggle 来显示/隐藏顶部 div。

我希望两个 div 之间始终有 10px 的空间，无论是折叠还是展开。

然而，行为是当顶部 div 向下滑动时，10px 边距仍然存在，但一旦顶部 div 完成向下滑动，10px 边距就会消失。这似乎是一个保证金崩溃问题。

我想出的解决方案是这样的：

  是关键，因为 div 中需要有内容来“分离”两者并保留 10px 的边距。

我也尝试了 .clearfix:after 方法，但这在这种情况下不起作用，所以也许这是一个以 jQuery 为中心的问题。有没有人遇到过这个问题并找到了比额外的 div 更优雅的解决方案？

问候，基于我正在使用的 jquery ui 手风琴，我在手风琴列表项中添加了一个滑动切换。所以发生的事情是我点击一个 li 并且一个 div 向下滑动以显示更多内容。

我遇到的问题是我发现自己必须创建多个 id 来引用 slidetoggle。

div id css 的示例：#panel、#panel2、#panel3、#panel4 等....

有没有办法可以使用滑动切换而不必添加另一个数字，所以它会滑动？我有 50 个正在使用的列表项：

这是 js 的示例（您可以看到我将要处理的内容）：

示例 html：

我试图让我的滑动 div 与slideToggle一起正常工作。首先，这是工作网址：* Link Removed

我遇到的问题是我得到了更多的盲目效果，而不是滑下效果。我尝试更改 CSS 并使用负上边距等无济于事。我要完成的工作与Telerik-dot-com上的产品菜单和网站内的所有产品菜单基本相同。aspnet-ajax/controls/examples/default/中的那个与我试图通过点击功能做的事情更相关。我意识到这些可能有所不同，但我基本上在功能方面寻找的是 div 做更多的滑动而不是盲目向下。

谢谢你的帮助。

此外，为了对此进行补充，我想在面板滑入后淡入面板的实际内容，然后在单击选项卡以在向上滑动之前关闭面板时淡出。我尝试将fadeIn 函数添加到h2 和p 但没有运气。如果有人想对此发表意见，请随意。谢谢！

我的 jQueryslideToggle()实验

谁能告诉我为什么当我打开它们时我的盒子会“跳”起来？上半场他们滑，其余他们“跳”？？

谢谢， 约翰内斯

单击图标时，我正在尝试显示/隐藏用户的 Twitter 提要。问题是我的标记看起来像这样：

我的 jquery 使用 slideToggle()

哪个工作正常，但<img>和<span>内联显示并向左浮动。当我单击 img 时，它会切换<span>但似乎将其变成块级元素或其他东西，然后它会下降到下一行。

我真正想要实现的是使它们向右浮动并在它出现时向左<span>推<img>，然后在它隐藏时再次折叠回来。

正如我在主题中总结的那样，我想显示与单击链接相关的 DIV，并使用 Jquery 隐藏其他 DIV。为了能够理解我在说什么，请访问Worldlines

您将在那里看到与一些新闻相关的主题。当有人点击一个主题时，新闻 div 将在点击的主题下方向下滑动，之前阅读的新闻 div 将隐藏。

我想我清楚地告诉了我想要什么。

谢谢，

这是我为解释这种情况而创建的代码示例。它工作得很好，但是当它切换到隐藏 tbody 时，它会产生一种陌生的效果（首先将 tbody 扩展三到四倍，然后它会直接塌陷，当它向下滑动时它也会直接消失）。

滑下时对我来说不是问题，但折叠时却是。

你能帮帮我吗？

谢谢

代码。

我有一个高度为 400 像素且 ID 为“内容”的 Div，然后我在该 Div 上执行一个 slideToggle，将一些数据加载到一个不同高度的 Div 中，例如 200 像素，然后再执行一次 slideToggle。我得到的是幻灯片扩大到 400 像素，然后跳回到 200 像素。反过来也一样，扩大到 200px，然后跳到 400px。

这是我的代码：

所以我想我可以做这样的事情，它会向上滑动内容 Div，加载数据，然后在加载后向下滑动。这不像上面的方法那样跳跃，但由于某种原因它很生涩。

谁能告诉我是否有更好的方法可以让我顺利滑动它？