如何使用jquery和动画功能设置css类的可见性

如何使用jquery和动画功能设置css类的可见性,jquery,css,Jquery,Css,我希望使用jquery和animate函数为正确的css类设置可见性,因此请使用以下代码: $(".right").animate({ "visibility": "hidden" }, "slow"); 及 但这不起作用。来自: .animate()方法允许我们在任何数值CSS属性上创建动画效果 所有已设置动画的属性应设置为单个数值, 除非下文另有说明;大多数非数字属性不能为空 使用基本jQuery功能设置动画(例如,可以设置宽度、高度或左侧的动画,但不能设置背景色,除非使用jQuery.c

我希望使用jquery和animate函数为正确的css类设置可见性,因此请使用以下代码:

$(".right").animate({ "visibility": "hidden" }, "slow");

但这不起作用。

来自:

.animate()方法允许我们在任何数值CSS属性上创建动画效果

所有已设置动画的属性应设置为单个数值, 除非下文另有说明;大多数非数字属性不能为空 使用基本jQuery功能设置动画(例如,可以设置宽度、高度或左侧的动画,但不能设置背景色,除非使用jQuery.color()插件)


您不能设置
可见性的动画
,因为它不是一个数值CSS属性。

使用
.fadeOut()
.fadeIn()
我想要设置从左到右的动画(可见性)。不fadeOut@kakamishoo您希望如何设置可见性的动画?它只有两种状态-可见或隐藏。没有中间人。。。也许你用错词了?你是说不透明度,还是宽度/高度?对于从左到右的动画,你可以看看这个例子-
$(".right").animate({ visibility: hidden});