JSFiddle - React, Tailwind, and code Playground

by magicalex

HTML

<dl>
    <dt>Coffee</dt>
    <dd>mmm</dd>
    <dt>Tea</dt>
    <dd>Hmm</dd>
    <dt>Herbal Tea</dt>
    <dd>Meh</dd>
</dl>

CSS

dt {
    height: 50px;
    width: 50px;
    border: 1px solid black;
}

JavaScript

$('dt:gt(0), dd:gt(0)').hide();
setInterval(function() { 
				  $('dl > dt:first, dl > dd:first')
                  .each(function(index){
                      $(this)
                      .delay(500)
                      .fadeOut(1500)
                      .next()
                      .next()
                      .show();
                  })
                  .appendTo('dl');
				},  5500);