jQuery Slide Text - BASIC!

The basic "text slideshow", made with love & jquery. :)

by Rian .N Herdian

HTML

<div class="slidetext">
		<h4>info 1</h4>
		<h4>info 2</h4>
		<h4>info 3</h4>
		<h4>info 4 <a href="#klik">Klik!</a></h4>
</div>

CSS

.slidetext {
	margin:50px;
	position:relative;
}
.slidetext h4{
    position: absolute;
	padding:10px;
	border:1px solid #ddd;
}

JavaScript

jQuery(document).ready(function(){ 
    $(function(){
        $('.slidetext h4:gt(0)').hide();
        setInterval(function(){
          $('.slidetext h4:first-child').fadeOut(1000)
             .next('h4').fadeIn(1000)
             .end().appendTo('.slidetext');}, 
          1000);
    });
});