Javascript 淡出（）不工作。淡出后仍会显示

我能知道我哪里做错了吗？我想要达到的是我想要淡出/隐藏段落。当其淡出时，该段落再次出现

$（“div.panner”）.addClass（“show”）；
$（“div.overlay”）.addClass（“show”）；
$（“p.three”）.addClass（“show”）.fadeIn（1000）、delay（1000）、fadeOut（1000）
.1、.2、.3、.4{
可见性：隐藏；
z指数：1000；
排名：0；
左：0；
}
.扳手{
位置：绝对位置；
排名：0；
左：0；
背景：rgba（0,0,0,0.5）；
宽度：80%；
显示：块；
文本对齐：居中；
颜色：#FFF；
z指数：1000；
可见性：隐藏；
边界半径：15px；
转换：转换（200px，300px）；
}
.覆盖{
位置：固定；
宽度：100%；
身高：100%；
背景：rgba（0,0,0,0.5）；
可见性：隐藏；
z指数：1000；
}
.表演{
能见度：可见；
}
.扳手{
不透明度：0；
-webkit转换：所有0.3；
-moz转换：全部为0.3s；
过渡：均为0.3秒；
}
.panner.show、.overlay.show{
不透明度：1
}

创建数据库
检查代码中使用fadeIn的其他地方。当我在沙箱中测试时，它工作正常。段落消失了，但没有重新出现
Hi@M.Guenkam，是的，我看到了。我仍在试图找出段落淡出后重新出现的原因：（NIing你能解释一下场景吗？当我向下滚动时，段落淡出，它再也没有出现。你说淡出后仍然出现是什么意思？Hello@BathriNathan，是的，淡出后仍然出现。即使我使用.hide（）段落仍然返回。我将更新代码。检查代码。它工作正常。我看不到问题。请运行代码段并检查它。如果仍然存在问题，请共享JSFIDLE链接或其他链接