JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="newsfeed">
<li>
<div class="newsfeedsubject"><a href="http://www.spango.org/news/10/51/Hosted-Desktops/" title="Hosted Desktops">Hosted Desktops</a></div>
<div class="newsfeedcat">Algemeen<div class="newsfeeddate">jun 5, 2013</div></div>
<div class="newsfeedcontent">
Het uitrollen van Hosted Desktop heeft enige vertraging opgelopen. [<a href="http://www.spango.org/news/10/51/Hosted-Desktops/">Lees meer...</a>]
</div>
<li>
<div class="newsfeedsubject"><a href="http://www.spango.org/news/9/51/Wijziging-SPF-record-voor-HE/" title="Wijziging SPF record voor HE">Wijziging SPF record voor HE</a></div>
<div class="newsfeedcat">Hosted Exchange 2013<div class="newsfeeddate">jun 5, 2013</div></div>
<div class="newsfeedcontent">
Om de afhandeling van mail te kunnen blijven waarborgen hebben wij een aanpassing gemaakt aan het SPF record. Wij verzoeken u [<a href="http://www.spango.org/news/9/51/Wijziging-SPF-record-voor-HE/">Lees meer...</a>]
</div>
<li>
<div class="newsfeedsubject"><a href="http://www.spango.org/news/6/51/Hosted-Exchange-nieuwe-opzet/" title="Hosted Exchange, nieuwe opzet ">Hosted Exchange, nieuwe opzet </a></div>
<div class="newsfeedcat">Hosted Exchange 2013<div class="newsfeeddate">jun 5, 2013</div></div>
<div class="newsfeedcontent">
Inmiddels hebben wij de eerste voorbereidingen uitgevoerd voor de spreiding van ons Hosted Exchange platform over twee datacentra. Het nieuwe platform is zo opgebouwd, dat wij altijd over 2 kopieën van uw data beschikken [<a href="http://www.spango.org/news/6/51/Hosted-Exchange-nieuwe-opzet/">Lees meer...</a>]
</div>
<li>
<div class="newsfeedsubject"><a href="http://www.spango.org/news/5/51/Ondersteuning-Outlook-versies/" title="Ondersteuning Outlook versies">Ondersteuning Outlook versies</a></div>
<div class="newsfeedcat">Hosted Exchange 2013<div class="newsfeeddate">jun 5, 2013</div></div>
<div class="newsfeedcontent">
<em>Outlook 2003 (herhaling)</em><br /> Met de komst van Exchange 2013, stopt Microsoft...
JavaScript
if($("#newsfeed").length > 0){
function run() {
var prev = $("#newsfeed li:first-child");
$.unique(prev).each(function(i) {
$(this).delay(i*3000).slideUp(1000,function() {
$(this).appendTo(this.parentNode).slideDown();
});
});
}
var timerId = setInterval(run, 5000);
$("#newsfeed").hover(function () {
clearInterval(timerId);
},
function () {
timerId = setInterval(run, 5000);
});
}