Jquery显示导致内容在滚动之前不显示

Question

我正在使用点击功能隐藏所有div类，然后显示我想要的那个。但问题是当div显示时。只有它的属性更改为display：block，但在我向上或向下滚动页面之前它不会显示任何内容。滚动后，它突然出现。代码是

jQuery(document).on('click', '.nav-next-arrow', function(){

    var total_sep=jQuery(".total_sep").val();
    var custom_clock=jQuery(".custom_clock").val(); 
    if(check_value_NAN_empty(custom_clock)==true)
    {
        var final_clock=0;
    }
    else
    {
        var final_clock=custom_clock;
    }
    var additon=parseInt(final_clock)+1;
    jQuery(".custom_clock").val(additon);   
    jQuery( ".mi-cst-pg" ).hide();  
    jQuery( ".mi-cst-pg" ).eq( additon ).show(500);
    return false; 
});

通常，当我在任何其他项目中使用show时，内容会立即显示，并且无需向上或向下滚动以显示内容。