jQuery .show() a flex box

Question

I have an element with a flexbox

div#myFlexbox{
    display:flex;
}

after hide it and show it, it gets messed up.<

Answer 1

just use

.class{display: none}

.class[style*='display: block']{
    display: flex !important;
}

when jquery add styl attribut css will be applied, works perfectly on Chrome and Mozilla