Question

嗨我正在尝试动画或提供任何幻灯片效果来切换课程（实际的扩展），因为它现在有点简单

这是fiddle我目前正在帮助您，但它没有做任何事情，也无法弄清楚

$(document).ready(function(){
  $(".gamewrapper").click(function(){
    $(".game-name", this).toggleClass("black");
    $(this).toggleClass("expand", 1000);
  });
});

请提供任何帮助，

提前致谢

Answer 1

jQuery的.toggleClass()方法只接受1个参数，你所在的1000没有做任何事情。

如果您希望在拥有expand课程之间进行css更改动画，则必须：

1）在这些属性上使用CSS转换：

http://www.w3schools.com/css3/css3_transitions.asp

2）使用另一个插件。 jQueryUI有一个switchClass插件，可以做到这一点。

http://jqueryui.com/switchClass/

Answer 2

我同意尼古拉斯的意见，

CSS3 Transitions，jQueryUI或者您也可以使用jQuery.animate为所有单个样式设置动画。

E.g

$('.classname').animate({'width':'100px','height':'100px'},200)

Answer 3

jQuery UI toggleClass方法是一个内置的jQuery方法覆盖：

jQuery UI覆盖了几个内置的jQuery方法提供其他功能。当使用这些覆盖时，它就是确保加载jQuery UI很重要。如果没有jQuery UI 加载后，方法仍然存在，但预期的功能将无法使用，导致可能难以跟踪的错误向下

该方法接受一个缓动参数：

easing（默认值：swing）类型：String一个字符串，指示哪个缓动用于过渡的功能。

你的小提琴中的问题是你不包括 jQuery UI库。

工作动画小提琴：http://jsfiddle.net/YqxAR/53/

jQuery动画 - 扩展正确的文本内容？

3 个答案: