jquery - JQueryを使ってリストを1つずつ表示するには?

Question

JQueryを使用してリストを1つずつ表示/非表示にしたい、ここに私のコードがあります: リスト:

<p>This is the text</p>
<p>This is the text 1</p>
<p>This is the text 2</p>

ボタン機能:

$("#hide").on("click", function(event) {
hideList($("p"), 0);
});

リストを非表示/表示する関数は次のとおりです。

function hideList(list, index) {
    if (index < list.length) {
        list.eq(index).toggle(2000, hideList(list, index+1));
    } else {
        return;
    }
}

しかし、ボタンをクリックすると、3<p>つが 1 つずつではなく、一緒に非表示になります。しかし、そのようなコードは機能し、<p>1つずつ表示されます:

$("#show").on("click", function(event) {
    $("p").eq(0).toggle(2000, function() {
        $("p").eq(1).toggle(2000, function() {
            $("p").eq(2).toggle(2000);
        });
    });
});

問題の原因を知っている人はいますか？どうもありがとうございます。