使用jQuery隱藏標題

我想隱藏頁面上的標題div，但我已經嘗試使用jQuery的功能上拉和滑動以及隱藏，但我的div似乎並沒有隱藏。我實際上希望它在5秒後隱藏，但無濟於事。 CSS會影響我的div的jQuery功能嗎？使用jQuery隱藏標題

我的事業部：

<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的引導3，是否會影響我的jQuery呢？

來源

2013-12-09 marchemike

爲什麼這需要'$（ '＃headerrr'）的slideToggle（「慢」）;'??它會先隱藏，然後將滑動 –

似乎很好http://jsfiddle.net/arunpjohny/2xC8E/1 –

@dholakiyaankit我放置了所有我用來隱藏標題的代碼。 – marchemike

嘗試：

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

來源

2013-12-09 07:27:35 Hiral

只調用.delay（）如果你想使用的延遲不會影響，因爲它的命令的下一個序列它不等同於Thread.sleep()

然後

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

演示：Fiddle

來源

2013-12-09 07:30:10

試試這個....它可能是h elpful你....

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

這是FIDDLE document

來源

2013-12-09 07:31:06 Illaya

使用jQuery隱藏標題

回答

相關問題