ezos86 · July 30, 2014 08:21
diff --git a/Easy-Quote-Fade-Function.markdown b/Easy-Quote-Fade-Function.markdown
diff --git a/index.html b/index.html
 <div class="quotes">
  <p>Here this is the best thing.</p>
 </div>
 <div class="quotes">
  <p>Quote 2 will fading in here.</p>
 </div>
 <div class="quotes">
  <p>Quote 3 doing it's thing.</p>
 </div>
diff --git a/script.js b/script.js
 (function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;
    
    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2000)
            .delay(5000)
            .fadeOut(2000, showNextQuote);
    }
    
    showNextQuote();
    
 })();
diff --git a/style.css b/style.css
 .quotes{
  display:none;
  font-family:Helvetica;
  font-size:20px;
  text-align:center;
  margin:30%;
 }
	(function() {

	var quotes = $(".quotes");
	var quoteIndex = -1;

	function showNextQuote() {
	++quoteIndex;
	quotes.eq(quoteIndex % quotes.length)
	.fadeIn(2000)
	.delay(5000)
	.fadeOut(2000, showNextQuote);
	}

	showNextQuote();

	})();