スクリプトの点滅を避ける

JavaScriptを使用してdivを押して、Noticeと表示しています。しかし、私はそれが負荷で点滅し、それはあまり滑らかではないことを刺激することがわかります。これを回避する方法はありますか？ slideDown(1000);を追加することでスムーズにすることができますが、点滅はありませんが、私はすべてのページでslideDownにしたくありません。ただ点滅することなく表示するだけです。スクリプトの点滅を避ける

Live test

のアイデア？

#fixed { 
    position: relative; 
} 

#notice { 
    background: #31384a; 
    color: #FFF; 
    padding: 5px; 
    position: fixed; 
    z-index: 999912312399; 
    width: 100%; 
    top: 0; 
    font-weight: 400; 
    font-size: 12px; 
    text-align: center; 
    display: none; 

    .exit { 
     position: absolute; 
     right: 10px; 
     top: 5px; 
     cursor: pointer; 

     img { 
      width: 10px; 
      height: 10px; 
     } 
    } 
}

var clearCookie = function() { 
    var result = $.removeCookie('JSFiddleCookieNotification'); 
    if (result) { 
     alert('Cookie removed, please reload.'); 
    } else { 
     alert('Error: Cookie not deleted'); 
    } 
}; 

var closeCookie = function() { 
    $("#notice").slideUp(400, function(){ 
     $(this).remove(); 
    }); 
    $('#fixed').animate({ 
     top: 0 
    }, 400); 
    $.cookie('JSFiddleCookieNotification', 'Notified', { 
     expires: 7 
    }); 
}; 

// Bind the buttons 
$("#clearCookie").on("click", clearCookie); 
$(".exit").on("click", closeCookie); 



// Now display the cookie if we need to 
if ($.cookie('JSFiddleCookieNotification') == null) { 
    $('#notice').show(); 

    var timer = setInterval(function() { 
     $('navmenu, navmenu-mobile, #fixed').css({ 
      top: $('#notice').outerHeight() 
     }); 
     if ($('#notice').outerHeight() == $('#fixed').css('top')) { 
      clearInterval(timer); 
     } 
    }, 10); 
}

出典

2017-11-26 Vemund Eldegard