$(document).ready(function(){
    
    $('#bar #lipje a').hide();
    
    $('#bar').delay(1500).animate({
        'top' : '-98px'
    }, 800, function(){ $(this).css({'height' : '98px'}) });
    $('#bar').hover(function(){
        $('#bar').stop().animate({'top' : '0'}, 800, function(){ $(this).css({'height' : '108px'}) });
    },function(){
        $('#bar').stop().animate({'top' : '-98px'}, 800, function(){ $(this).css({'height' : '98px'}) });
    })
});