问题标签 [slidetoggle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
12197 浏览

jquery - jQuery slideToggle 在悬停时保持打开状态

我有一个 div,我绑定了 jQuery 悬停事件以使用 slideToggle 激活 slideDown:

它在其下方切换一个 div '.GraySquare'。基本上是让一个灰色的盒子从红色盒子上滑下来。我面临的问题是,当鼠标移动到灰色 div 上时,幻灯片会向上切换。我希望它在悬停在红色或灰色方块上时保持向下。

任何帮助表示赞赏。

0 投票
2 回答
1014 浏览

jquery - jQuery slideToggle 问题

  1. 它仅适用于第一次点击。当我再次单击它时,它不会向后滑动。
  2. 如何动画它从左向右滑动?
0 投票
2 回答
3839 浏览

jquery - jquery slideToggle()和未知高度?

我使用 jquery 1.3.2,这是代码:

如果您在这里看到我有一堆小的绿色+,当您单击某些文本时会显示该链接并且该链接的背景位置会更改,因此它会显示图像的另一部分,红色-。

所以我遇到的问题是我不知道那些隐藏元素的高度,因为它取决于有多少文本,所以当我点击 + 并显示它们时,动画是“跳跃”的。

我发现的一种解决方法是将固定高度和溢出:隐藏到那些隐藏的元素中。您可以看到在左上角的块中运行了多少平滑的动画(顶部带有“Vesti iz sveta crtanog filma”的动画)。所有其他块都没有固定高度,并且动画有“跳跃”。Atm 左上块的固定高度是 30px,但是 ofc 有些元素需要更多的高度,有些需要更少,所以这不是一个好的解决方案...... :)

那么在没有固定高度的情况下如何阻止这个动画“跳跃”呢?

0 投票
2 回答
854 浏览

jquery - 为什么这个 jquery slideToggle 代码不起作用?

我正在尝试更改展开/折叠按钮的按钮文本。基本上,用户单击“折叠”,然后我执行 slideToggle,当 slideToggle 完成时,我将按钮文本更改为“展开”,反之亦然。

以下代码效果很好,但是如果您快速单击展开/折叠按钮,它会失去理智并在已经展开时显示“展开”或在已经折叠时显示“折叠”。

任何提示表示赞赏。

谢谢!

function toggleBox( button, box ){ if($(box).is(":hidden")) { $(box).slideToggle("slow", function(){ $(button).html("Collapse") ; }); } else { $(box).slideToggle("slow", function(){ $(button).html("Expand"); }); } }

0 投票
3 回答
6126 浏览

jquery - jQuery slideToggle 替换图片 src

当单击向上/向下箭头滑动隐藏的 div 时调用此函数。如果 div 被隐藏,箭头指向下方并在 div 显示时变为向上。如果显示了 div,则箭头向上指向隐藏 div,并在 div 关闭时变为向下。我只是想知道是否有更有效的方法可以做到这一点,或者这是否是正确的方法。谢谢。

0 投票
2 回答
534 浏览

javascript - 尝试使用一种功能动态扩展不同的 div

我正在尝试能够使用相同的代码动态展开/折叠多个 div....

它是通过单击跨度(切换)来控制的,然后我试图获取下一个 id(会上下滑动的 div)

此代码可用于扩展 1 个 div ...但假设我有一个 div

如何使用相同的代码达到相同的效果?谢谢!

编辑

值得注意的是,我需要每个 div 独立切换。如果我单击影响#albumholder 的跨度上的加号按钮,它不应展开#downloadholder 或#linksholder

0 投票
2 回答
3421 浏览

javascript - jQuery slideToggle 关闭时跳转

我正在尝试使用 jQuery 在表格中滑动切换 a,它适用于 FF、OP、CHrome。只有 IE (6,7,8) 给我带来了问题。它完美地向下和向上滑动,但是在向上滑动动画完成之后。隐藏的全高弹出,然后关闭。

所以我想当它从最小高度切换到“显示:无”时,它一定是介于两者之间,它会出现一秒钟。

代码是动态构建的,但我将尝试举一个例子:

slideToggle 的其他问题仅描述了填充、边距或动画问题,但这一切都有效。

帮助表示赞赏。

谢谢,打屁股

0 投票
2 回答
3411 浏览

javascript - 在单个项目的大列表上使用 Jquery slideToggle

我有一个大型嵌套列表,我正在尝试使用 jquery slideToggle 对其进行动画处理。我希望各个嵌套列表(id="Nested" + counter)单独设置动画,以便用户可以切换列表以显示/隐藏而不影响其他列表。动画将由相应的“trigger_Nested”(+ 计数器)链接触发。

但是,最终会有大约 75 个嵌套列表,我不想单独列出每一对锚和列表。

我觉得可能有一种非常简单的方法可以使用计数器动态执行此操作,但我有点 Javascript 新手,所以无法弄清楚。我下面的 js 同时切换所有列表,这不是我想要的。

任何帮助表示赞赏,谢谢!

0 投票
2 回答
425 浏览

jquery - 使用 jQuery slideToggle 扩展 Div

任何人都可以为我阐明这一点:

http://67.212.188.229/fcf/index.html <- 请查看右侧面板,我希望用户单击其中一个并让框展开其内容。我有点击和内容,但无论出于何种原因,我都无法让 div 随内容一起扩展。

任何帮助都会受到极大的欢迎。

问候,

毫米

0 投票
1 回答
2518 浏览

jquery - Jquery - 切换和页面刷新打开 div

如何从 url 打开 JQuery 切换?目前我正在使用 return false 来阻止 href 操作,但我真的更愿意保留 href 操作来刷新页面。

这是我的代码

这是html

正如我所说的,出于多种原因,我真的想在单击时刷新页面