title: View text and alert box after 3 seconds
body: <p>I need to see text "Example" and alert success after 3 seconds in same time. Now only text work but alert box stands all time. What I need to change in this code?</p>
  
  <p>HTML </p>
  
  <pre><code>&lt;div class="alert alert-success"&gt;  
  &lt;button class="close" data-dismiss="alert"&gt;×&lt;/button&gt; 
  
  &lt;p id="free" class="hid"&gt;
  
  Example
  
  &lt;/p&gt;  
  
  &lt;/div&gt; 
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>p.hid {
    display: none;
  }
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>setTimeout(function() {
    var el = document.getElementById('free');
  
    removeClass(el, 'hid');
  }, 3000);
  
  function removeClass(el, className) {
    if (el.classList) {
      el.classList.remove(className);
    } else {
      el.className = el.className.replace(new RegExp('(^|\\b)' +
          className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
    }
  } 
  </code></pre>
  
  <p><a href="http://codepen.io/anon/pen/KpJJXp" rel="nofollow">CodePen</a></p>