如何刪除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