How to make a fade in/out slogan with javascript
<p>So I have this code that modifies the contents of a div on refresh.</p>

<p>But I also want it to fade in and out a new random text over a set amount of time. I don't know where to start here's my original code:</p>

<p>HTML:</p>

<pre><code>&lt;div id="logo" class="container"&gt;
    &lt;h1&gt;InsiderIndy&lt;/h1&gt;
    &lt;p id="myQuote"&gt;Slogan&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>&lt;script type="text/javascript"&gt;
var myQuotes = new Array();

myQuotes[0] = "Quote1";
myQuotes[1] = "Quote2";
myQuotes[2] = "Quote3"
myQuotes[3] = "Quote4"
myQuotes[4] = "Quote5"
myQuotes[5] = "Quote6"

var myRandom = Math.floor(Math.random()*myQuotes.length);

$('#myQuote').html(myQuotes[myRandom]);
&lt;/script&gt;
</code></pre>

<p>Any ideas? Thanks! :)</p>
