Скрытие заголовка с помощью jquery

Я пытаюсь скрыть заголовок div на моей странице, но я уже пробовал использовать слайды jQuery и slidetoggle, а также скрыть, но мой div не скрывает. Я действительно хочу, чтобы он спрятался через 5 секунд, но безрезультатно. Будет ли css влиять на функции jquery моего div?Скрытие заголовка с помощью jquery

Мои 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, а?

источник

2013-12-09 marchemike

Почему это нужно '$ ('# headerrr') slideToggle ("медленные");.' ?? он сначала скроется, а затем будет слайд –

кажется прекрасным http://jsfiddle.net/arunpjohny/2xC8E/1 –

@dholakiyaankit Я поместил все коды, которые я использовал, чтобы скрыть заголовок. – marchemike

Try:

$(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

ответ

Смежные вопросы