JSFiddle - React, Tailwind, and code Playground

HTML

<div id="newsticker">
<ul id="latestnewsDate" class="latestnewsDate">
<li class="newstxt"><a href="http://www.google.co.in/"><span class="tickerdate">03-Aug-2011</span>Third August</a></li>
<li class="newstxt"><a href="http://www.google.co.in/"><span class="tickerdate">22-Mar-2011</span>Twenty Second March</a></li>
<li class="newstxt"><a href="http://www.google.co.in/"><span class="tickerdate">24-Feb-2011</span>Twenty Fourth Feb</a></li>
<li class="newstxt"><a href="http://www.google.co.in/"><span class="tickerdate">23-Dec-2010</span>Twenty Third Dec</a></li>
<li class="newstxt"><a href="http://www.google.co.in/"><span class="tickerdate">19-Dec-2010</span>Nineteenth Dec</a></li>
</ul>
</div>

CSS

#newsticker .tickerdate 
{
    font-weight:bold;    
    margin-right:5px;
    background:#f7f7f7;    
}
#newsticker 
{
    width:936px; float:left; margin-left:13px; margin-bottom:5px;*margin-bottom:0px;
}
#newsticker .nleft 
{
     width:10px; height:42px; float:left;
}
#newsticker .ntmiddle
{
     width:916px; float:left; height:42px; background:url(../images/static/newsticker-middle.gif) repeat-x;
}
#newsticker .ntright
{
     width:10px; height:42px; float:left;
}
#newsticker .ntcontent 
{
     width:900px; float:left; margin-left:10px; height:40px; line-height:40px;
}
#newsticker .tickertitle 
{
     font-weight:bold; font-size:10pt; margin-right:5px; float:left;
}
.ntdivide 
{
    font-size: 13pt;margin-right: 10px; float:left;
}
#newsticker .tickerdate 
{
    font-weight:bold;    
    margin-right:5px;
    background:#f7f7f7;
    
}
#newsticker ul li 
{
    margin:0;
    padding:0;
}
#newsticker a
{
    color: #3E3D40;
    font-size: 8pt;
    text-decoration: none;    
}
#newsticker a:hover
{
    color: #3E3D40 !important;
    font-size: 8pt;
    text-decoration: none;    
}
.newstxt
{
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 8pt;
    margin-left:-19px;
    width: 845px;
}

JavaScript

function InOut(elem,undefined) {
        elem.delay()
     .fadeIn(2000)
     .delay(100)
     .fadeOut(2000,
               function() {
                   if (elem.next().length > 0)
                   { InOut(elem.next()); }
                   else
                   { InOut(elem.siblings(':first')); }

               }
             );
    }

    $(function() {
    $('#latestnewsDate li').hide();
    InOut($('#latestnewsDate li:first'));

    });