jQuery Forum

Hi,

I've found a simple solution to my dilemma.

Here is full code ..

1. $('a#next').click(function(event) {
2.         event.preventDefault();         // cancel click through
3.        
4.         $('li:visible').next().show();
5.                
6.         if ($('li:last').is(':visible')) {
7.         $('li').hide();                 // hide all elements
8.         $('li:first').show();            // re-display first li
9.         }
10.     });

Problem?

the 'last' li element, is never actually loading / displaying itself.
Clicking the 'next' anchor, simply goes from list item 1 and 2.

Hi Kevin, thanks.. this is great -

The reason i use 'a#next' is because there is only one next button.

Picture a 'banner', with previous and next button on each side. Only the content within each banner is swapped, not the 'anchor' that triggers the events.

ahhh, i did not know that. good to know - I will correct code.

Cheers!