Checks against an existing collection of alternating list elements. Blue, alternating list elements slide up while others turn red.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE html> <html> <head> <style>li { cursor:pointer; }</style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <ul id="browsers"> <li>Chrome</li> <li>Safari</li> <li>Firefox</li> <li>Opera</li> </ul> <script> var $alt = $("#browsers li:nth-child(2n)").css("background", "#00FFFF"); $('li').click(function() { var $li = $(this); if ( $li.is( $alt ) ) { $li.slideUp(); } else { $li.css("background", "red"); } }); </script> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself