Question

如何使用jquery为嵌套元素设置动画？我一直试图使用jquery使表可见几个小时，它将无法正常工作。注释掉了

//document.getElementById("passwordCon").style.visibility="visible";

工作正常，但我想动画它。怎么了！！！我试图使用动画功能和可见性：可见，但没有任何作用。 id是引用表id。

编辑：表格的html样式属性是visibility：hidden。我想通过jquery和动画显示表格。

的javascript

$(document).ready(function(){
    $("#username").keyup(function(){
        $.post("tryUser.php",
        {
           name:$(this).serialize()
        },
        function(data){
            if(data == "no")
            {   
                //document.getElementById("passwordCon").style.visibility="visible";
                $("#passwordCon").fadeIn(500);
            }
            else 
            {                    
                document.getElementById("passwordConfTitle").style.visibility="hidden";
                document.getElementById("passwordCon").style.visibility="hidden";
            }
        });
   });
});

Answer 1

尝试：

$("#passwordCon").hide().fadeIn(500);

Answer 2

尝试使用hide：

  $("#passwordCon").hide(1000);

您可以查看示例代码：

http://w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_slow

http://w3schools.com/jquery/jquery_hide_show.asp

Answer 3

我认为fadeIn

不支持visibility: hidden

演示：Fiddle

一种可能的解决方法是使用不透明度

$('#test').css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 500)

演示：Fiddle

如何使用jquery为嵌套元素设置动画？

3 个答案: