javascript - jquery reduce flicker effect for page load -

i had side bar replacing new_sidebar url , while doing first see old br loading , new contents .its kind of flicker effect.is there way can reduce flickering effect.

$(document).ready(function(event){    $(".bar").empty();    $(".bar").load("{% url 'get_bar' %}"); });   

try :

css :

<style>     .sidebar     {       display: none;     } </style> 

jquery

$(document).ready(function(event){    $(".bar").empty();    $(".bar").load("{% url 'get_bar' %}");    $(".bar").show(); });