Slide Text jQuery

by Rian .N Herdian

HTML

<div id="qotd">
  <div class="text">
    First Text
  </div>
  <div class="text">
    Second Text
  </div>
  <div class="text">
    <h3>
      3
    </h3>
    Third Text
  </div>
</div>

CSS

#qotd {
   position:relative;
   width:50px;
 }
 
 #qotd div {
   position:absolute;
   background:yellow;
 }

JavaScript

$(document).ready(function() {
   $("#qotd .text:gt(0)").hide();
   setInterval(function() {
     $("#qotd .text:first")
       .fadeOut(500).next().fadeIn(500).end().appendTo("#qotd");
			 console.log($('#qotd').html());
   }, 2000);
 });