title: Fade in an element using Javascript when going from display:none to display:block
body: <p>I have a script that shows an element when a radio button is pressed. I'm trying to fade in the showing of the element so it's not so abrupt.</p>
  
  <p>The JS:</p>
  
  <pre><code>document.getElementById('next').style.display = 'block';
  document.getElementById('next').fadeIn(1000);
  </code></pre>
  
  <p>This works fine except for the fade in animation. What am I doing wrong. I have tried combining both statements into one statement, and I have also tried setting the fade in before the display:block, but it doesn't show up at all. Still fairly new to JS, so I'm just trying to figure out what is possible. Thanks in advance</p>