Question

我正在尝试在页面上隐藏标题div，但我已经尝试过使用jquery函数slideup和slidetoggle，以及隐藏，但我的div似乎并不隐藏。我实际上希望它在5秒后隐藏，但无济于事。 css是否会影响我的div的jquery函数？

My Div：

<div id="headerrr" class="row firstrow">

<span id="description" >You are currently on preview mode</span>
<span id="close-preview">[close preview]</span>
</div>

我的CSS：

.firstrow{
background-color:#4d4d4d;
color:white;
height:50px;
padding:15px;
}

我的JS：

$(document).ready(function(){

$("#headerrr").hide().delay(100);
$('#headerrr').slideToggle("slow");
});

我目前正在使用twitter bootstrap 3，这会影响我的jquery吗？

Answer 1

尝试：

$(document).ready(function(){
    setTimeout(function(){
        $("#headerrr").fadeOut();
        // OR $("#headerrr").slideUp();
    },5000);
});

Answer 2

只是调用.delay（）不会影响下一个命令序列，因为它不等同于Thread.sleep()

如果你想使用延迟，那么

$(document).ready(function () {
    $("#headerrr").hide().delay(1000).queue(function(){
        $(this).slideToggle("slow");
    }).dequeue();
});

演示：Fiddle

Answer 3

试试这个....这对你有帮助....

$(document).ready(function () {
    $("#headerrr").hide().delay(1000).queue(function(){
        $(this).slideToggle("slow");
    }).dequeue();
});

这是FIDDLE document

使用jquery隐藏标头

3 个答案: