using .delay()

Show a div after a delay of few seconds. Part of StackOverflow answer

by FrictionlessPulley

HTML

<div class="headerbar" style="display:none"> 
this is the info at the top
</div>

CSS

.headerbar {
    width :100%;
    height : 16px;
    background : red;
    border: 1px solid #000;
    margin : 0em;
    padding : 1em;
}

JavaScript

$(function() {

   var transition = 'slow';
   var target = $('.headerbar');
    
    target.delay(5000).slideDown();

});