如何删除fadeIn？

Question

我正在一个简单的登录页面上。 我有一个jquery文件，但我真的不知道如何隐藏淡入淡出。 我的意思是我只想动画5图像而不褪色。 您认为探针在哪里？

http://yourjavascript.com/13873144111/jquery.js-jquery

$(document).ready(function() {
        $(".start").click(function() {
            $.when($('.start2').fadeIn(2000)).done(function() {
                $.when($('.start3').fadeIn(2000)).done(function() {
                    $.when($('.start4').fadeIn(2000)).done(function() {
                        $.when($('.start5').fadeIn(3000)).done(function() {
                            $(".start").hide();
                            setTimeout(function()
                            {
                                $(".start").fadeIn(2000);
                                $(".start2, .start3, .start4, .start5").hide();
                            }, 3000);
                        });
                    });
                });
            });
        });
   });

Answer 1

嗯，有些事情您不了解，您实际上正在使用fadeIn动画，因此要“隐藏”它，就像您要求实际上不使用它一样。 如果您希望这些东西不褪色地出现，则可以使用slideDown （您自己的.animate创建自定义动画，也可以使用show而不是fadeIn 。

因此，只需使用slideDown即可。

<script type="text/javascript">
   $(document).ready(function()
   {
        $(".start").click(function()
        {
            $.when($('.start2').slideDown(2000)).done(function() {
                $.when($('.start3').slideDown(2000)).done(function() {
                    $.when($('.start4').slideDown(2000)).done(function() {
                        $.when($('.start5').slideDown(3000)).done(function() {
                            $(".start").hide();
                            setTimeout(function()
                            {
                                $(".start").slideDown(2000);
                                $(".start2, .start3, .start4, .start5").hide();
                            }, 3000);
                        });
                    });
                });
            });
        });

   });


  </script>

也许使用slideUp而不是hide