JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css" />
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/ui/1.8.24/jquery-ui.min.js"></script>
       </head>
    <body>
        <table>
            <tr>
                <td>foobar 1</td>
                <td>foobar 2</td>
            </tr>
            <tr>
                <td><div>foobar 3</div></td>
                <td><div>foobar 4</div></td>
            </tr>
        <table>
    </body>
    </html>

JavaScript

//animate the second row
function animate() {
$('table tr:eq(1)').find('div')
                   .hide('slide',800)
                   .delay(800)
                   .show('slide',800);    
}

animate();
setInterval( function() {
   animate();
} , 3500);