🥇 Funções e operações tenárias

Não há nada para descrever aqui, basta dar uma olhada nos exemplos e você vai adorar essa técnica.

Destino: oculte a barra lateral quando a largura da janela for inferior a 800 px.

# 1 – Coxo

$(window).on('resize', function() {
    if($(this).width() > 800) {
        $('#sidebar').show();
    } else {
        $('#sidebar').hide();
    }
}).trigger('resize');

# 2 – Não é ruim

$(window).on('resize', function() {
    $(this).width() > 800 ? $('#sidebar').show() : $('#sidebar').hide();
}).trigger('resize');

# 3 – Como um chefe

$(window).on('resize', function() {
    $('#sidebar')[$(this).width() > 800 ? 'show' : 'hide']();
}).trigger('resize');

Como você pode ver, a 3ª técnica é a mais limpa e 100% válida. Agora vá e comece a programar como um chefe.

Related Posts