Question

我正在寻找jquery或javascript来执行此操作：

在页面加载时，div将被隐藏然后如果我点击一个按钮，div将出现3秒并关闭

我在此链接http://papermashup.com/demos/jquery-divfade.html

中找到了在3秒后自动隐藏div的示例

以及在此链接中显示div的示例http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show

我如何将这两个例子结合起来？我需要在页面加载时隐藏div 只有当点击一个按钮时，div才会出现3秒

这是我到目前为止所拥有的。

<script type="text/javascript">
$(document).ready(function(){
    setTimeout(function(){
        $("div.mydiv").fadeOut("slow", function () {
            $("div.mydiv").remove();
        });
    }, 2000);

    $("#btnAddRow").click(function () {
        $("div.mydiv").show();
    });
});
</script>

淡出的时间正在发挥作用。但我需要在开头隐藏div。当我隐藏div。点击功能似乎没有显示

HTML

<div class="mydiv"  style="visibility: hidden; ">test</div>

我也试过了：

<div class="mydiv"  style="display: none;">test</div>

Answer 1

$("div.mydiv").remove();

更改为：

$("div.mydiv").hide();

Answer 2

试试这个：

HTML：

<div class="mydiv"  style="display: none;">test</div>

JS：

$("#btnAddRow").click(function () {
    $("div.mydiv").show().delay(2000).fadeOut();
});

隐藏的div显示3秒钟，然后单击关闭

2 个答案: