jquery - オブジェクトがフェードアウトしない

Question

次のJavaScriptを再利用して、クリックしたときにオブジェクトをフェードアウトさせていますが、オブジェクトはフェードアウトアニメーションを作成しません。誰でも助けてくれますか？

<script type="text/javascript">
    $(document).ready(function() {

        $curtainopen = false;

        $(".sticker").click(function(){
            $(this).blur();
            if ($curtainopen == false){ 
                $(this).stop().fadeOut(1600, "linear", complete); 
                $(".leftcurtain").stop().animate({top:'-2000px'}, 6000 );
                $(".rightcurtain").stop().animate({bottom:'-2000px'},6000 );
                $curtainopen = true;
            }else{
                $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
                $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
                $curtainopen = false;
            }
            return false;
        });

    }); 
</script>

元のJavaScriptは次のとおりです。

<script type="text/javascript">
    $(document).ready(function() {

        $curtainopen = false;

        $(".sticker").click(function(){
            $(this).blur();
            if ($curtainopen == false){ 
                $(this).stop().animate({top: '-300px' }, {queue:false, duration:1000, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({top:'-2000px'}, 6000 );
                $(".rightcurtain").stop().animate({bottom:'-2000px'},6000 );
                $curtainopen = true;
            }else{
                $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
                $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
                $curtainopen = false;
            }
            return false;
        });

    }); 
</script>

Answer 1

あなたがする必要があるのは：

$(this).fadeOut();

それ以外の

$(this).stop().fadeOut(1600, "linear", complete);