title: how can I fade in and slide a div from onclick with delay
body: <p>I'm struggling with this javascript as I'm just a designer and would like some help</p>
  
  <p>I have got this code to make it slideIn when I click a button from another page but how can I get it to also fadeIn as it slides In?</p>
  
  <p>This is the site if you want to see it working. If you click on 'portfolio' you will see the slidIn effect with a delay<br>
  <strong><a href="http://www.jacintodematos.co.uk" rel="nofollow">www.jacintodematos.co.uk</a></strong></p>
  
  <pre><code>&lt;script&gt;
       function slideIn(el){
         var elem = document.getElementById(el);
         elem.style.transition = "left 0.5s ease-in 0.8s";
         elem.style.left = "0px";
       }
  &lt;/script&gt;
  
  &lt;a href="#item3" class="panel" onclick="slideIn('info_text');"&gt;PORTFOLIO&lt;/a&gt;
  </code></pre>