Creating tabbed interfaces suddenly becomes a piece-of-cake when using the Tabs function in the jQuery UI library. Checkout this tutorial.

This accordion pulls in the content based upon the list item link and displays it in a nested list. It also changes color and + or - depending on whether its open or closed $(document).ready(function(){ $(“li.child:visible”).hide(); $(“li.parent”).click(function(){ if ($(this).children().hasClass(“selected”)) { $(this).children().removeClass(‘selected’); $(this).next().toggle(“slow”); return false; } else { $(this).children().addClass(‘selected’); $(this).next().load($(this).children().attr(“href”)).toggle(“medium”); return false; } }); });