jQuery .show() a flex box

Question

I have an element with a flexbox

<ul id="myFlexbox">  div#myFlexbox{     display:flex; } 

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

$('#myFlexbox').show(); 

now the element has a display of block instead of flex.

<ul id="myFlexbox" style="display: block;"> 

How can I use .hide and .show with flexboxes?

Answer 1

The show() adds display:block as a default for div. You can change the display to flex using jQuery css():

$('#myFlexbox').css('display', 'flex');