Jquery 点击一个按钮，显示一个div 1秒，然后隐藏它？

单击按钮后，我想显示一个div 1秒，然后隐藏它：

<button id="btnSave">Save Click</button>
<div class="hideme" id="infor">This is a test div</div>


  $(document).ready(function () {
  $("#infor").hide();
      $("#btnSave").click(
            function () {
                AlertSave();
            }            
        );
    });
function AlertSave() {
   $("#infor").delay(1000).fadeIn("slow");
}

保存点击
这是一个测试div
$（文档）.ready（函数（）{
$（“#infor”）.hide（）；
$（“#btnSave”）。单击(
函数（）{
AlertSave（）；
}            
);
});
函数AlertSave（）{
$（“#infor”）.delay（1000）.fadeIn（“slow”）；
}

这是

你能告诉我怎么做吗？

用这种方法：

function AlertSave() {
  $("#infor").fadeIn("slow", function () {
    setTimeout(function () {
      $("#infor").fadeOut("slow");
    }, 1000);
  });
}

小提琴：

您也可以使用速记：

$("#infor").fadeIn("slow").delay(1000).fadeOut("slow");

这两个方面的代码片段：

$（文档）.ready（函数（）{
$（“#infor”）.hide（）；
$（“#btnSave”）。单击（AlertSave）；
});
函数AlertSave（）{
$（“#infor”）.fadeIn（“慢”，函数（）{
setTimeout（函数（）{
美元（“#infor”）。淡出（“缓慢”）；
}, 1000);
});
}

保存点击
这是一个测试div

您只需在以下两者之间调用

delay（）

即可链接

fadeIn（）

和

fadeOut（）

：

$(document).ready(function () {
    $("#infor").hide();
    $("#btnSave").click(AlertSave);
});
function AlertSave() {
    $("#infor").fadeIn("slow").delay(1000).fadeOut("slow");
}

---

我认为上面的代码可以完成这项工作，试试看，让我知道输出是否正确

我来晚了，但是，除了上面显示的所有其他答案外，还有两种其他方法

1st方法：使用CSS3动画，使用jQuery添加包含动画的类，然后在动画持续时间结束后将其删除，如图所示

var元素=$（'#infor'）；
$（“#btnSave”）。单击（AlertSave）；
函数AlertSave（）{
元素addClass（'show-me'）；
setTimeout（函数（）{
element.removeClass（'show-me'）；
}, 2000);
}

#infor{
不透明度：0；
}
.给我看看{
动画：foo2s轻松输入输出
}
@关键帧foo{
0%，99%，{不透明度：0；}
25%，75%{不透明度：1；}
}

保存点击
这是一个测试div

这个有用吗：？还是这个：哈哈！我先回答@adeneo@我先回答。请看一下我的答案。我忘记了延迟：）@Praveen Kumar：你的答案在我发布之前没有我展示的任何快捷方式。请不要试图夺走别人的信用。圣诞快乐：）@TrueBlueAussie嗯，是的，但是把捷径放在一边<代码>：）我发布的第一个答案也很有效。不管怎样，如果那是有罪的，我承认。祝你投票愉快！圣诞快乐。@TrueBlueAussie看起来这个人永远不会接受答案。说真的，为什么会投反对票？

$(document).ready(function () {
  $("#infor").hide();
      $("#btnSave").click(
            function () {
                AlertSave();
            }            
        );
    });
function AlertSave() {
   $("#infor").show();
   $("#infor").delay(1000).fadeOut();
}