jQuery-延迟显示答案

我已经为我正在教授的一门课程创建了一些互动实验室，问答式。学生看到一个“问题”，如“使用cp命令将文件1复制到文件2”。当他们单击它时，答案显示在下面：

cp文件1文件2

但是学生们很懒，他们只是浏览和点击答案，一字不差地输入命令，什么也学不到。我更改了代码，这样每次单击都会隐藏所有其他答案，并在显示之前增加了10秒的延迟。但现在的问题是，点击很少有反馈。我可能想显示下一个元素，但不显示其内容，或者可能是加载gif

以下是我当前的（相关）代码：

让div块显示，但在内容上延迟（或加载gif）的最佳方法是什么

（另外，我是一个彻头彻尾的jquerynoob，所以如果我做了一些可笑的事情，请指出。）

---

谢谢

请尝试以下代码，您的HTML也不在pro中

$("li").click(function(){
    $(this).next().hide().delay(10000).show(0);
});

---

也许您可以设置应答容器的可见性css属性的动画

看。它让您不仅可以播放动画的持续时间，还可以播放要使用的easing功能

即，定义动画在其持续时间内的速度变化的函数

默认情况下，jQuery只提供了两个缓解功能，但还有更多功能，如果我没有错的话，您可以实现自己的功能（我也从来没有实现过）

---

通过这种方式，您可以在一段时间内从一点可见性和低增量或无增量开始，并仅在整个延迟的最后几秒钟内完成可视化。

我通过插入以下内容添加了加载gif：

$（this）.after（“”）
$（this）.next（）.delay（1000）.hide（0）
在最初的延迟之后。很抱歉，注释格式错误，缩进代码因某些原因不起作用：/
 你能分享html代码吗？你想在什么元素上设置延迟？只需隐藏答案范围并添加第二个延迟，稍后再显示
$("li").click(function(){
    $(this).next().hide().delay(10000).show(0);
});