I'm new to javascript, jQuery and the forum - so this may well be a stupid question...

The following script allows a control with ID = 'next' to move through a list of sibling elements (class = 'ListItems') by controlling which ListItem is allocated ID = 'vis'. The script works until the visible ListItem is the last element. 

So, I introduced line 4, which attempts to prepare the first ListItem to be the next to display, when the current visible item is the last in the list. But the syntax is wrong, as the script is ignored with this line in play.

Any clues gratefully received.

Best,

Keith.. 

2.     <script type="text/javascript">$("#next").click(function(){   
3.         //Prepare next ListItem
4.         if("#vis").is(".ListItem:last")){(".ListItem:first") .attr("id", "nxt");} //Mark first ListItem as next    
5.         $("#vis").next().attr("id", "nxt"); //Mark next ListItem as next
6.         
7.         //Switch visibility
8.         $("#vis").removeAttr("id"); // Release id="vis" from current visible ListItem                                
9.         $("#nxt").attr("id", "vis"); // Change "nxt" next ListItem to "vis" visible
10.         $(".ListItem").fadeOut(300); //Hide all ListItems
11.         $("#vis").delay(300).fadeIn(300); // Show new visible ListItem                                
12.     });
13.     </script>