if else

onTabShow: function(tab, navigation, index) {                    var $total = navigation.find('li').length;                    var $current = index+1;
                    var $wizard = navigation.closest('.wizard-card');
                    // If it's the last tab then hide the last button and show the finish instead                    if($current >= $total) {                        $($wizard).find('.btn-next').hide();                        $($wizard).find('.btn-finish').show();                    } else {                        $($wizard).find('.btn-next').show();                        $($wizard).find('.btn-finish').hide();                    }
                    //update progress                    var move_distance = 100 / $total;                    move_distance = move_distance * (index) + move_distance / 2;
                    $wizard.find($('.progress-bar')).css({width: move_distance + '%'});                    $wizard.find($('#yuzde')).html('% ' + move_distance + ' TAMAMLANDI');                    //e.relatedTarget // previous tab
                    $wizard.find($('.wizard-card .nav-pills li.active a .icon-circle')).addClass('checked');
                }            });

eğer move_distance 50 nin üstünde ise #yuzde id li gözükecek #gizlendi id li h3 etiketi ise gizlenecek eğer altındaysa tam tersi nasıl yapabilirim?

if(move_distance>=50) {
$('#yuzde').css('display','block');
$('#gizlendi').css('display','none');
} else {
$('#yuzde').css('display','none');
$('#gizlendi').css('display','block');
}

show ve hide kullanırsan daha rahat okunabilir.
$(div).show() gibi