Accordian – Toggle 

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; } }); });

Form Layouts With CSS 

Laying out forms with Cascading Style Sheets (CSS) is a complex topic. In light of many developers doing their first overall CSS layouts they often bail when it comes to laying out forms with CSS and avoiding both tables and line breaks.