JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wellwhite">
<h4 class="label-text">
User's sayings</h4>
<div class="well-review">
<div class="row-fluid">
<div class="slide-feedback">
<a>
I own a computer shop, everyday billing and ledgers are significant part of my business.
I remember since i started using Bizcopter, It does everything for my short business.
I recommend and use Bizcopter
</a>
<a>
I own a computer shop, everyday billing and ledgers are significant part of my business.
I recommend and use Bizcopter
</a>
<a>
I own a computer shop, everyday billing and ledgers are significant part of my business.
I recommend and use Bizcopter
</a>
</div>
</div>
</div>
</div>
CSS
.wellwhite
{
margin: 0 auto;
width: 75%;
padding: 24px;
margin-top: 35px;
background-color: #fff;
border: 2px solid #fff;
min-width: 269px;
position: relative;
}
.well-review
{
padding: 24px;
border: 1px solid #efefef;
background: #efefef;
box-shadow: 1px 1px 1px 1px #ccc;
position:relative;
}
.slide-feedback
{
position:relative;
}
.slide-feedback a
{
position: static;
}
JavaScript
$(function () {
$('.slide-feedback a').hide();
$('.slide-feedback a:first-child').show();
setInterval(function () {
$('.slide-feedback a:first-child').fadeOut(function () {
$(this).appendTo('.slide-feedback');
}).next().show();
}, 3000);
});