Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery动画-展开正确的文本内容?_Javascript_Jquery_Html_Css_Jquery Animate - Fatal编程技术网

Javascript jQuery动画-展开正确的文本内容?

Javascript jQuery动画-展开正确的文本内容?,javascript,jquery,html,css,jquery-animate,Javascript,Jquery,Html,Css,Jquery Animate,嗨,我正在尝试制作动画或给任何幻灯片效果来切换类(实际的扩展),因为它现在有点简单 这是我目前正在你的帮助下进行的工作,但它没有做任何事情,也无法解决问题 $(document).ready(function(){ $(".gamewrapper").click(function(){ $(".game-name", this).toggleClass("black"); $(this).toggleClass("expand", 1000); }); }); 谢谢你的

嗨,我正在尝试制作动画或给任何幻灯片效果来切换类(实际的扩展),因为它现在有点简单

这是我目前正在你的帮助下进行的工作,但它没有做任何事情,也无法解决问题

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


提前感谢

jQuery的
.toggleClass()
方法只接受一个参数,您在那里得到的
1000
没有任何作用

如果要在使用
展开类和不使用类之间设置css更改的动画,必须:

1) 在这些属性上使用CSS转换:

2) 使用另一个插件。jQueryUI有一个switchClass插件可以实现这一点


我同意尼古拉斯的看法

CSS3转换、jQueryUI或您也可以使用jQuery.animate设置所有单个样式的动画

例如

jQuery UI方法是内置的jQuery方法覆盖:

jQueryUI覆盖几个内置的jQuery方法,以便 提供附加功能。当使用这些覆盖时,它是 确保jQuery UI已加载很重要。如果jqueryui不是 加载后,方法仍将存在,但预期的功能 将不可用,导致可能难以跟踪的错误 向下

方法在执行以下操作时接受缓和参数:

缓和(默认值:摆动)类型:字符串指示哪种缓和的字符串 用于转换的函数

小提琴中的问题是没有包含jQuery UI库


工作动画提琴:

或者非常感谢您的快速响应,我不能使用转换,因为IE8+也需要支持,但我设法找到了一种方法,通过has/add/remove类函数来修复它,因为在关闭扩展时切换类不是很平滑
$('.classname').animate({'width':'100px','height':'100px'},200)