Ok, isso está me deixando um pouco maluco. Eu estou usando o método jQuery .css () paraexperimentar para definir as várias propriedades de exibição flexbox necessárias para uma classe. O problema é que ele mantém apenas o último. Alguma idéia de como fazer isso com o jQuery, ou não é possível?

Aqui está o que eu tentei até agora:

$(".department-name").css({
    'display' : '-webkit-box',
    'display' : '-webkit-flex',
    'display' : '-moz-box',
    'display' : '-ms-flexbox',
    'display' : 'flex'
});

Isso não funciona, apenas recebe o último e não os outros. Estou manipulando um elemento de texto em uma página com base em quantas linhas ele tem (sua altura) e quero ocultá-lo com display: none (valor inicial do CSS), manipulá-lo e exibi-lo com as propriedades flexíveis que possuía antes de eu começou a mudar o código JS para lidar com o problema de várias linhas. Idéias?