使div和按钮一起出现在JavaScript函数中

Question

我有一个测试运行一系列试验，如果用户得到一定数量的答案错误，那么它应该显示警告信息和重启按钮。功能如下。我把JQuery调用放在JS检查函数中。奇怪的是，只显示了重启按钮，更奇怪的是当我点击重启按钮时，会出现警告文本。

function checkWrongAnswers() {
    if (wrongAnswers == 1) {
        clearInterval(theTask);
        $("#warning").toggle();
        $(".btn[name=restartANT]").show();
    }
}

单击重启按钮时的JQuery代码如下所示。我显示说明页面并隐藏重启按钮，并显示前进按钮。我不明白为什么在点击重启按钮后出现错误文本，而不是之前。

    $(".btn[name=restartANT").click(function() {
        $("#antInstructions01").toggle();
        $(".btn[name=restartANT").hide();
        $("#forwardBtn").toggle();
    });