问题标签 [toggleclass]

此代码$(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);绑定到按钮单击，成功地打开和关闭 COLLAPSE_CLASS。但是，效果不是动画。

在 css 中，原始元素具有定义的高度：85px。添加折叠类时 .collapse { height:20px; } 只有高度变化。

正如我所提到的，这在切换高度方面就像一个魅力。我没有看到任何类型的过渡效果。在什么条件下，这种简单的过渡效果可能不起作用？不用说，关于这个主题的jQuery 文档很少。

好的，我在这里使用这个 jQuery：

好的，所以回复说我应该访问另一个答案，已经尝试过了，但这仅在第一次尝试时有效。如果我在此之后再次单击触发器而不是单击页面中的任何位置，则它不再起作用。当它可见时，它无法始终隐藏它。我怎样才能解决这个问题？

因此，当面板显示时，我希望能够在面板外部单击以在每次显示时再次隐藏它。我希望有机会只能通过单击 class="trigger" 对象来显示和隐藏 class="panel" 对象，方法是再次单击 class="trigger" 对象或单击外部页面上任何位置的 class="panel" 对象。

我怎样才能做到这一点？

所以我想做的有点像 youtube 上使用 jquery 的竖起大拇指/竖起大拇指的投票系统，这意味着一旦用户投票，两个 div（图像，不管是什么）对于那个特定的都将不可用邮政。

到目前为止，为此，我使用了一个 .click() ，其中一个 toggleClass() 将更改它自己的类，如果我检查 DOM，我可以看到该类发生了变化，但为什么 .click() 仍在工作新班级？

还有我的 html (php)

我不明白为什么在切换类之后，我仍然可以点击新类-“votedDown”，因为该类没有 .click 方法？

谢谢你

如果我有 .A 类和 .B 类并且想要在按钮单击之间切换，那么在 jQuery 中有什么好的解决方案？我仍然不明白如何toggleClass()工作。

是否有内联解决方案可以将其置于onclick=""事件中？

我有一个 div，我在点击时切换一个类，它从一个黄金类开始

如果我这样调用 toggelClass

我剩下的是一个带有金色和灰色类的 div（我本来希望金色已经被剥离，因为它已经被应用了）所以如果我再次点击，灰色应该被删除并且金色再次应用

当我这样做时它有效

但这违背了目的

不知道为什么会这样

遇到一些麻烦无法理解为什么它不能正常工作。

http://host.philmadelphia2.com/~clare/order/

当您单击顶部的两个“订单...”链接时，它们应该在 div 之间切换。当一个页面处于活动状态时，单击该页面的按钮应该没有任何效果。只有在单击非活动页面的按钮时才应该有一个动作。

这是JS的链接。

http://host.philmadelphia2.com/~clare/wp-content/themes/theme/js/pager.js

我正在使用 jQuery 和 jQuery UI 来制作效果。

谢谢，皮特

我的单选按钮周围有一个标签，背景应该在 :hover 和 :focus 上更改

我想将课程从 .radio-blur 更改为 .radio-focus

我有

但它不起作用......请帮助

每个人。我搜索了这个网站和许多其他网站，以了解为什么 toggleClass 函数在我的 Jquery 代码中不起作用，虽然我找到了几种不同的解释，但它们与我想要的效果不符。

我对 Jquery 很陌生，所以我不确定 Jquery 的功能。这是我的 Jquery 代码：

这是我的 HTML 代码。

我这里要找的效果很简单。当单击较小的 div (btn-slide) 时，位于较小 div 上方的较大 div (面板) 将上升到浏览器屏幕中直到完全隐藏，这就是我使用 slideToggle("slow" ） 功能。

然后我要做的最后一件事是让较小的 div (btn-slide) 更改其背景图像。这就是我使用 toggleClass("smallbox") 的原因。smallbox 类在我的 CSS 文件中，其中有一个向下箭头的背景图像。当较大的 div（面板）滑入其隐藏位置时，这是我希望在较小的 div（btn-slide）中显示的图像。

我让它工作的唯一方法是进入我的 CSS 文件，并将 !important 放在'smallbox' CSS 类的背景图像的末尾，但我想知道这种效果的正确 Jquery 技术.

注意：我希望能够单击较小的 div (btn-slide) 并在每次单击时将背景图像更改为相应的箭头。

我如何实现这个效果？

谢谢！

更新：我非常感谢您的所有回复。好的，你所有的回复都让我思考，所以我再次查看了 toggleClass 函数，我相信我现在已经让代码正常工作了。这是我的 CSS 代码。

现在，我的错误显然是我使用指定的背景图像单独添加类 .GoUp 而不是将新类附加到#BUTTON。我更改了代码，现在一切似乎都正常了。

再次感谢大家的快速回复！

解决了：

感谢所有试图提供帮助的人

添加了此代码并且它有效：

你可以在http://jsfiddle.net/JKnjz/3/看到它是如何工作的

我想在单击时将一个类添加到上一个项目，然后再次单击要删除的类。但是，如果我单击其他所有项目并将一个类添加到上一个项目，我也希望删除该类....

会尽量用代码来解释。我有 7 个 div

CSS：

Javascript：

因此，例如，如果我单击 div 编号 2，它会将类“隐藏”添加到 div 编号。1.如果我点击 div no. 2 它删除了隐藏类。那部分没问题。

但是如果单击 div no，我有一个问题。2它将“隐藏”类添加到div号。1 如果我点击例如 div no.6。“隐藏”类仍然保留在 div 上。没有 1。

如果我单击其他所有 div，我希望删除类“隐藏”。

在这里你可以看到它是如何工作的 jsfiddle.net/JKnjz/1

我希望我给出了明确的例子:)

我在http://www.presentbladet.se有一个网站（未完成）。当我将鼠标悬停在“测试产品”上时，会出现一个放大镜。到现在为止还挺好。

淡入 - 但在 CSS 中保持悬停

我希望过渡平滑并具有淡入效果。我仍然希望尽可能多地保留在 CSS 中，并在 jQuery / jQuery UI 中制作延迟/淡入淡出。

我在我的网站上使用此代码：

延迟部分不起作用

它几乎可以工作。它切换类“悬停”，但延迟部分根本不起作用。过渡是即时的，而不是缓慢的淡入淡出。