问题标签 [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 回答
3437 浏览

jquery - Jquery - 现有高度的slideDown

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

0 投票
2 回答
1056 浏览

javascript - JQuery 幻灯片事件和 div 高度未按预期更改

我正在使用 JQuery,并且正在尝试在子 div 滑入和滑出时更改 div 框的 html。我的问题是下面的代码没有改变#menu_text 的html 值。它只显示隐藏菜单,并没有检测到由 slideToggle 更改的真实高度。

在 firebug 控制台中检查后,高度的值永远不会从 20 更改,除非您非常快速地多次单击 div,然后它将更改为 1。(我应该补充一点,样式表中定义的高度是 20)

文档说 slideToggle 只影响对象的高度。我错过了什么吗?感谢您的帮助。

0 投票
3 回答
3911 浏览

jquery - Firefox 中的 jQuery 幻灯片切换闪烁

我有一个在 Firefox 中创建闪烁的 slideToggle 的特殊情况。

这种情况是当扩展元素比页面长并且在 Firefox 中出现垂直滚动条时。

如果向下滚动以阅读展开元素中的所有文本,然后单击触发器关闭元素,Firefox 将闪烁一秒钟,然后页面重新调整并返回到展开元素展开之前的位置。我试过添加'return false;' 无济于事。

这是一个测试页面,当您单击关闭最后一项(Herbal Teas)时,您可以在 FF 中看到效果:http ://pollak-labs.com/clients/birthyourself/?page_id=21

0 投票
2 回答
3109 浏览

jquery - IE8中的Jquery slideToggle问题仅使用列表

我对 Jquery 很陌生,第一次尝试使用 slideToggle 创建一些下拉菜单。其中一些堆叠在一起,单击一个时,所有其他都应该折叠。我确信我的代码并不理想,因为我刚刚开始,但除了 IE8 之外一切正常。在 IE8 中,关闭下拉菜单时,下拉菜单之间的空间会塌陷,一切都变得一团糟。您可以使用页面左侧的菜单在 demo.djcase.com 上查看问题。

所有的 jquery 代码都位于http://demo.djcase.com/sites/all/themes/djcase/script.js

任何帮助,将不胜感激。谢谢。布赖恩

0 投票
5 回答
3038 浏览

jquery - 在动画或 slideUp/slideDown 中使用 stop() 时的 jQuery 高度

我有一个带有隐藏子菜单的菜单。

当我将鼠标悬停在菜单项上时,我正在为子菜单设置动画,并在鼠标移出时关闭。

当用户将鼠标悬停在很多菜单项上时,所有动画都会排队。

为了解决排队问题,我在动画之前添加了一个 stop()。

这导致了一个更严重的问题,子菜单的高度减小到我鼠标移出时的大小。

0 投票
1 回答
6261 浏览

jquery - jQuery 切换 Cookie 支持

我正在尝试在我的幻灯片切换脚本中实现 jQuery Cookie 插件,但到目前为止还没有成功。这是我的代码(没有任何 cookie 实现):

jQuery:

HTML:

任何人都知道在我现有的代码中实现 jQuery Cookie 插件是否足够容易,以便它记住打开/关闭状态?

谢谢你。

0 投票
2 回答
2580 浏览

jquery - jQuery点击功能和slideToggle

我的问题是,当用户单击<h4>它时,它会打开它下面的隐藏<div>项。太好了 - 按预期工作。但是,当用户点击相同的<h4>- 它会立即关闭<div>并重新打开它。

我需要<div>保持关闭状态。我还需要保留剩余的功能。

这是我的 jQuery:

编辑 这是我的 HTML:

0 投票
2 回答
6521 浏览

jquery - Jquery Slidetoggle 打开 1 个 div 并关闭另一个

单击另一个 div 时,我试图关闭一个 div 。目前,它一次打开多个 div。

查询:

HTML:

0 投票
2 回答
3818 浏览

jquery - jquery切换多个div打开一个,其余的关闭

Greetings, I'm trying to think of a way to use an accordion widget (which I'm currently using, h3 is the trigger) that when an h3 is selected another div appears, then when a different h3 is selected, a new div出现,另一个消失,依此类推。

so I have a three column layout, left column is my accordion widget, when the h3 is selected a middle div will appear (animation doesn't matter) and a floating right column within that div to give the appearance of a three column layout which右列将用于显示/隐藏该中间 div 中的内容。还在我身边???

Keep in mind that the first h3 is open by default, so there would be a related middle column open as well and floating right column as well within but will disappear when another h3 is selected and so on.

我的 jquery/javascript 充其量是最小的,我想不出任何方向。

我使用切换开关吗?显示隐藏?任何想法将不胜感激!

所以我想我想要做的是在用户单击链接而不是显示项目/内容的洗衣清单时,从 div 中的链接中填充内容以显示/隐藏、切换或其他内容。

0 投票
1 回答
2778 浏览

jquery - JQuery - 同时 SlideToggle 多个 DIV?

我是 JQuery 的新手,我有一点强迫症问题。

我正在使用具有单击功能的 SlideToggle 来隐藏/显示容器 div。然而它里面的 div 并没有随着它滑动,它只是出现了。

有没有办法让两个 DIV 一起滑入?

查询:

HTML: