Jquery 淡入淡出一次切换所有元素

我有三个p元素，我想一次一个地淡入淡出。我尝试过很多种方法，但结果都不正确-所有3个同时淡入/淡出。不知道我错过了什么。我对这个很陌生

HTML

JQ

var i=0；
while（i.delay（n）设置一个计时器来延迟队列中函数的执行（对于单个语句），而不是在多个语句之间。这就是为什么它们都同时出现的原因

要执行您想要的操作，您可以改变与每个段落相关的延迟时间，如下所示：

var i = 0;
while (i<=2) {
    myfade(i);
  i++;
}

function myfade(i) {
  var p = $("p");
  ($(p[i]).delay(i*1000).slideToggle(2000));
}

var i=0；
虽然（这让我非常接近我所寻找的。我想如果我现在在过渡期玩的话，我会得到想要的效果。太好了，如果你仍然被卡住，请告诉我。
.test {
background-color:yellow;
width:50%;
height:100px;
}

.para, .show {
display:none;
}

var i = 0;
while (i<=2) {
  myfade(i);
i++;
}

function myfade(i) {
  var p = $("p");
  ($(p[i])).addClass("show");
  ($(p[i]).delay(500).fadeToggle(2000));
  ($(p[i])).removeClass("show");

    }

var i = 0;
while (i<=2) {
    myfade(i);
  i++;
}

function myfade(i) {
  var p = $("p");
  ($(p[i]).delay(i*1000).slideToggle(2000));
}