title: jQuery .show() a flex box
body: <p>I have an element with a flexbox</p>
  
  <pre><code>&lt;ul id="myFlexbox"&gt;
  
  div#myFlexbox{
      display:flex;
  }
  </code></pre>
  
  <p>after hide it and show it, it gets messed up.</p>
  
  <pre><code>$('#myFlexbox').show();
  </code></pre>
  
  <p>now the element has a display of block instead of flex.</p>
  
  <pre><code>&lt;ul id="myFlexbox" style="display: block;"&gt;
  </code></pre>
  
  <p>How can I use .hide and .show with flexboxes?</p>