JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://livebooster.com/assets/css/livestrap.css">
<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="http://unixe.livebooster.com/css/style.css">
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<!-- ||||| Welcome Slogan ||||| -->
<div class="container">
    <!-- helper class -->
    <div class="green-section hover push">
        <div class="col-md-3"></div>
        <!-- Text inner -->
        <div class="col-md-6">
            <div class="text-inner">
                <p class="text-centered web-description"><span class="webdesign">Work
                        great on all device <i class="icon-magic"></i></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                <p class="text-centered app-description"><span class="appdev">Mobile
                        friendly <i class="icon-beaker"></i></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                <p class="text-centered doc-description"><span class="doc">Detailed
                        documentation <i class="icon-info"></i></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                <p class="text-centered clean-description"><span class="clean">Clean
                        code <i class="icon-list-ul"></i></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
        </div>
        <!-- Text inner end -->
        <!-- helper class -->
        <div class="col-md-3"></div>
    </div>
</div>
<!-- ||||| Welcome End ||||| -->
<!-- ||||| Features ||||| -->
<div class="container">
    <div...

CSS

.selected {
    background-color: #7fe5b2;
}

JavaScript

// link the btns and the descriptions
$('.btn1').data('description', '.clean-description');
$('.btn2').data('description', '.doc-description');
$('.btn3').data('description', '.app-description');
$('.btn4').data('description', '.web-description');

// for each div in the .features section (btns) add a click event
$(".features div").on("click", function (e) {
    e.preventDefault();
    $('.features div').removeClass('selected');
    $(this).addClass('selected');
    $('.green-section .text-inner p').hide();
    $($(this).data('description')).show();
});

// Add a function to click the next btn in the .features section
function clickNext() {
    var divs = $('.features div.selected').next();
    if (divs.length) {
        divs[0].click();
    } else {
        $('.features div')[0].click();
    }
}

// add an interval to click the next btn every 4 seconds
setInterval(function () {
    clickNext();
}, 4000);