I've now got it doing what I want, thanks to the .prevAll() selector. However, the closing portion of my JS doesn't seem to work:
$(document).ready(function() { $("#tabs > li").addClass("closed") $("#tabs > li.closed").click (function() { $(this).animate({top:'-387'}, 500).removeClass("closed").addClass("open"); $(this).prevAll().animate({top:'-387'}, 500).removeClass("closed").addClass("open"); return false; }); $("#tabs > li.open").click (function() { $(this).animate({top:'0'}, 500).removeClass("open").addClass("closed"); $(this).nextAll().animate({top:'0'}, 500).removeClass("open").addClass("closed"); return false; }); }); Jquery gives open list items a class of "open" just fine, but clicking on those do nothing at all. Does it have something to do w/ the fact that jQuery has added the class open, but the document hasn't "reloaded"?