Simple jQuery Slider

index.html

<div class="slider">
    <!-- items can be any tag (e.g. <a>, <img>, <li>, etc.) -->
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
</div>

jquery.simple-slider.js

jQuery(function($) {
    var speed = 2000,
        interval = 5000;
        $slides = $('.slide'),
        numSlides = $slides.length,
        i = 0;

    if ( numSlides > 1) {
        setInterval(function () {
            $slides.eq( i ).fadeOut(speed);
            $slides.eq( (i + 1) % numSlides ).fadeIn(speed);
            i = i < numSlides - 1 ? i + 1 : 0;
        }, interval);
    }
});

style.css

.slider {
    height: 350px;
    position: relative;
}

    /* 
     * may need to specify width and height of .slide if their contents are not
     * images or something else with a defined width and height
     */
    .slide {
        display: none;
        position: absolute;
    }

    .slide:first-child {
        display: block;
    }