jquery - 関数内から jQuery を使用して要素を非表示にする方法

Question

私はかなり単純な機能だと思うものを持っています。しかし、中間の .hide と .removeClass は発生していません。これを解決する方法がわかりません。

$(document).ready(function(){
    var li = $(".fb-notification-li");
    function showHide(){
        li.delay(11000);
        $('li.open ul').hide();
        $('li.open').removeClass('open');
        li.fadeIn(600);
        li.delay(20000);
        li.fadeOut(600);
    }
 showHide();                                    
});

編集 -

良いアドバイスで、私はjsfiddleを追加しました。ありがとう

Answer 1

質問は少し漠然としていますが、試してみます。

個人的には `.delay()` 関数の方がうまくいきました。

- このコードは、(潜在的な) スコーピングの問題も修正して処理します。

$(document).ready(function() {
    $(".fb-notification-li").each(function() {

        setTimeout(11000, function() {
            $(this, '.open ul').hide();
            $(this, '.open').removeClass('open');
            $(this).fadeIn(600);
            setTimeout(200000, function() {
                $(this).fadeOut(600);
            })
        });
    });
});