You might want to look at http://www.jhlabs.co.uk/2009/03/jquery-slide-show-fading-content-by-clicks/ and all you should have to do is change the click functionality to an if statement, regarding to if the timer has reached its ideal time, then display the next div, or in your case p tag.

Hope this helps,

Jon

What I would like to do — to make it accessible — is to retrieve the content from several p tags and iterate through them on a timer. Your code is an excellent start, thank you! Can you help with the rest?

Thanks again.

Example:

$(”div”).fadeOut(1000, function () {
//do what you want to do here then fade back in
$(”html”).fadeIn(1000);
});

A working copy of the code can be found here

Rather than changing the text dynamically in the javascript, i would recommend you instead show/hide divs dynamically. So rather than using the append() function you instead use the. show() function.

Jon

I’ve got this working, after a day searching for how to do this which led me from spry to jquery i was glad to find your page. Now I’d like to know how to make a third text section, so that when i click on the second section of that fades out leavig a third. Can you pint me in the right direction? I’d really appreciated it.

Adam