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

jquery - 滑动切换 jQuery 函数

我正在尝试显示一段文本,然后下面是一个“阅读更多”链接,当我单击链接时,更多文本应该向下滑动并且链接的文本应该是“阅读更少”,然后当他们点击它时,文本应该向上滑动并且链接文本再次成为“阅读更多”..

有人发现任何问题吗?

0 投票
1 回答
126 浏览

jquery - jQuery 切换 tr 元素向下漂移页面

我的问题的要点是我有一个表,其中每个偶数行都被隐藏,并且可见性是使用上面行上的锚点来切换的。这可以正常工作,但在某些浏览器(Safari 和 Chrome)中,刚刚出现的 tr 下方的 tr 比它应该有的更向下移动。

如果您继续切换隐藏的 tr,则下一个兄弟会在页面上向下漂移。

这是显示此问题的基本代码(需要 jquery)

上面的代码似乎在 Opera 和 Firefox 中运行良好,但上面提到的问题发生在 Safari 和 Chrome 中。(尚未在 IE 中测试)。这让我怀疑这是一个与 webkit 相关的问题。

其他人发现问题了吗?有解决方法吗?

0 投票
1 回答
100 浏览

jquery - 可以在jQuery中使用slideDown和delegate togather吗?

是否可以将 slideDown 方法与 jquery 中的委托或 live 方法结合起来,以将 slideDown 方法应用于稍后在页面中添加的元素?

0 投票
2 回答
615 浏览

jquery - jquery slideToggle() on several classes

I have a list:

I want to use slideToggle like this:

The thing is, is that I want the different slide classes to just slideToggle the next newsitem class. I've tried using .closest(), .nextSibling() and so on.

A little help with this easy (probably) problem?

0 投票
1 回答
750 浏览

jquery - 为什么当我使用 jquery slideDown 和 Up 函数时,元素不能填充,否则会出错

下面是我的填充代码

'#'expand{ 填充:16px; 显示:无;背景颜色:#fff;}

当我将幻灯片切换到此元素时,似乎填充动画与幻灯片

相反,我需要放置一个子 div 元素并在子元素中放置填充,请问

0 投票
3 回答
1106 浏览

jquery - jquery 获取名为 moreProductsBox 的下一个 div 并滑动打开它

尝试在我单击的链接之后访问下一个可用的 div,其中包含一个 moreProductsBox 类,然后通过滑动切换它打开。

这就是我现在拥有的:

关联:

jQuery是:

*更新的标记更清晰

0 投票
4 回答
11364 浏览

jquery - jQuery - 垂直向上切换(即不向下)

我需要创建一个向上而不是向下动画的切换,换句话说,与“正常”切换相反。也许更简单的是切换应该在菜单项(它是一个菜单)上方滑动以变得可见,而不是像正常的 slideToggle 等那样向下滑动。我几乎就在那里:

但是如果你“切换”一个项目然后另一个项目第二个项目(向下滑动)下降 300 像素而不是向上滑动(提升)300 像素。我想要实现的一个很好的例子(讨厌该网站)是http://market.weogeo.com/#/home和底部的“标签”。

我的 HTML 代码正在使用

在 CSS 方面

有任何想法吗?

如果每次“点击”在打开“点击”切换之前关闭前一个切换,那就太好了。

0 投票
2 回答
268 浏览

jquery - ToggleSlide 2 个相同类的实例 - 幻灯片有效,但只有 1 个隐藏

我的 html 中有 2 个相同类 (.attributes) 的实例。我只是希望它们同时切换。第一个实例按预期工作,但第二个实例继续切换打开(样式保持显示:块)。

两个位置的相关 HTML

jQuery

我通过给它起一个不同的名称,将“工人”阶级从图片中剔除,但我得到了相同的结果。类中有一个无序列表和一个不会切换到隐藏的 div。

任何帮助,将不胜感激。谢谢!

0 投票
3 回答
517 浏览

javascript - 使用javascript替换图像?

目前在我的网站上,我有一些 javascript 将 [+] 更改为 [-] 并根据它是打开还是关闭再次返回下拉菜单,我想用图像代替。例如,菜单关闭时的小向右箭头和菜单打开时的小向下箭头。如何修改以下 javascript 来完成此操作?谢谢

这里的例子:jsfiddle

0 投票
2 回答
775 浏览

.net - Jquery Complex Selector,匹配类名的父级切换?

我下载了一个 jquery 可折叠面板脚本(用作菜单),它运行良好,但是我将它与 .NET 结合使用,并尝试根据您正在查看的页面创建某个面板以扩展它的面板,但是无论我尝试过所有组合,我似乎都无法选择该东西。这是 HTML 的样子:

现在在我运行初始内容后的这个脚本上,编写这一行将成功切换所有面板:

但是,当然,因为一个页面上有多个这些面板,我不希望它们全部切换,只是与我正在查看的特定页面相关的一个。我这样尝试过:

在一系列其他组合中。我以前从未使用过这么复杂的选择器(至少对我来说很复杂)。我能怎么做?我需要选择.collapsibleContainerContent适当的十年容器内的和 slideToggle() 它。

我已经确认传递给脚本的 .net 变量是正确的,在查看源代码时它确实说 1990。那么我做错了什么?谢谢。

编辑:澄清,年份是动态的,这就是我必须匹配我的数据,所以我需要至少从 Container by 属性标题或 ContainerTitle 的基本选择开始:包含年份,但我需要以 ContainerContent 选择结束,以便我可以切换它。