title: fadein div when changing display -> inline with jquery
body: <p>Iam working on a project where i have a "side pop up", i want to have it set to display: none in css on start to make sure it dosnt "blink" as it does when using jquerys "hide()". the question is: <br> - How do i make the div fadein when setting the display property to "inline" through jquery?</p>
  
  <p>my code ish(only made for demonstration purpose):
  <a href="https://jsfiddle.net/dzm50k39/" rel="nofollow noreferrer">https://jsfiddle.net/dzm50k39/</a></p>
  
  <p>ive tried using </p>
  
  <pre><code>  $(".popupContent").fadeIn().css("display", "inline");
  </code></pre>
  
  <p>this only fades the buttons in tho. 
  <br>Any suggestions on how to do this with jquery or css?</p>
  
  <p>if possible i'd like to not fadein but slide up from the bottom.</p>