Question

I am using this JavaScript code to display tweets from twitter:

http://jsfiddle.net/mLwjA/

I want to display one tweet at a time. I can’t seem to select the first list item. I tried

$("ul#twitter_update_list li:first").fadeIn(1000);

but that didnt work either! I need to know how to fadeOut that first tweet and then fade in the second one.

Any suggestions on how to resolve this?

Answer 1

@thegreyspot: Just change numTweets to 1..?

$(document).ready(function() {
    $("#twitter").getTwitter({
        userName: "thewhitespot",
        numTweets: 1,
        loaderText: "Loading tweets...",
        slideIn: true,
        showHeading: false,
        headingText: "Latest Tweets",
        showProfileLink: false
    });
});

Update

Working example that fades in each item sequentially: http://jsfiddle.net/SWvPS/1/

Another update

Fades in first item then slides it up, then fades in second item before sliding it up as well: http://jsfiddle.net/ErcNA/2/