\n"); document.write(" \n"); document.write(" \n"); document.write(" \n"); document.write("\n"); document.write(" \n"); document.write(" \n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write(" \n"); document.write("

\n"); document.write(" \n"); document.write(" \n"); document.write("

\n"); document.write(" \n"); document.write("

1\n");
document.write("2\n");
document.write("3\n");
document.write("4\n");
document.write("5\n");
document.write("6\n");
document.write("7\n");
document.write("8\n");
document.write("9\n");
document.write("10\n");
document.write("11\n");
document.write("12\n");
document.write("13\n");
document.write("14\n");
document.write("15\n");
document.write("16\n");
document.write("17\n");
document.write("18\n");
document.write("19\n");
document.write("20\n");
document.write("21\n");
document.write("22\n");
document.write("23\n");
document.write("24\n");
document.write("25\n");
document.write("26\n");
document.write("27\n");
document.write("28\n");
document.write("29\n");
document.write("30\n");
document.write("31\n");
document.write("32\n");
document.write("33\n");
document.write("34\n");
document.write("35\n");
document.write("36\n");
document.write("37\n");
document.write("38\n");
document.write("39\n");
document.write("40\n");
document.write("41\n");
document.write("42\n");
document.write("43\n");
document.write("44\n");
document.write("45\n");
document.write("46\n");
document.write("47\n");
document.write("48\n");
document.write("49\n");
document.write("50\n");
document.write("<\/pre>\n");
document.write("			<\/td>\n");
document.write("

\n"); document.write("

<html<\/span>><\/span>\n");
document.write("  <head<\/span>><\/span>\n");
document.write("    <title<\/span>><\/span>Tabbed Content with CSS and jQuery</title<\/span>><\/span>\n");
document.write("    <link<\/span> href<\/span>="myapp.css"<\/span> rel<\/span>="stylesheet"<\/span> type<\/span>="text/css"<\/span> /><\/span>\n");
document.write("    <script<\/span> type<\/span>="text/javascript"<\/span> src<\/span>="jquery-1.2.6.min.js"<\/span>></script<\/span>><\/span>\n");
document.write("    <script<\/span> type<\/span>="text/javascript"<\/span> src<\/span>="myapp.js"<\/span>></script<\/span>><\/span>\n");
document.write("  </head<\/span>><\/span>\n");
document.write("\n");
document.write("  <body<\/span>><\/span>\n");
document.write("\n");
document.write("    <!-- This is the box that all of the tabs and contents of <\/span>\n");
document.write("         the tabs will reside --><\/span>\n");
document.write("    <div<\/span> id<\/span>="tabs_container<\/span>"<\/span><\/span>><\/span>\n");
document.write("\n");
document.write("      <!-- These are the tabs --><\/span>\n");
document.write("      <ul<\/span> class<\/span>="tabs"<\/span>><\/span>\n");
document.write("        <li<\/span> class<\/span>="active"<\/span>><\/span>\n");
document.write("          <a<\/span> href<\/span>="#"<\/span> rel<\/span>="#tab_1_contents"<\/span> class<\/span>="tab"<\/span>><\/span>Tab 1</a<\/span>><\/span>\n");
document.write("        </li<\/span>><\/span>\n");
document.write("        <li<\/span>><\/span><a<\/span> href<\/span>="#"<\/span> rel<\/span>="#tab_2_contents"<\/span> class<\/span>="tab"<\/span>><\/span>Tab 2</a<\/span>><\/span></li<\/span>><\/span>\n");
document.write("        <li<\/span>><\/span><a<\/span> href<\/span>="#"<\/span> rel<\/span>="#tab_3_contents"<\/span> class<\/span>="tab"<\/span>><\/span>Tab 3</a<\/span>><\/span></li<\/span>><\/span>\n");
document.write("      </ul<\/span>><\/span>\n");
document.write("\n");
document.write("      <!-- This is used so the contents don\'t appear to the <\/span>\n");
document.write("           right of the tabs --><\/span>\n");
document.write("      <div<\/span> class<\/span>="clear"<\/span>><<\/span>/div<\/span>><\/span>\n");
document.write("\n");
document.write("      <!-- This is a div that hold all the tabbed contents --><\/span>\n");
document.write("      <div<\/span> class<\/span>="tab_contents_container"<\/span>><\/span>\n");
document.write("\n");
document.write("        <!-- Tab 1 Contents --><\/span>\n");
document.write("        <div<\/span> id<\/span>="tab_1_contents<\/span>"<\/span><\/span> class<\/span>="tab_contents tab_contents_active"<\/span>><\/span>\n");
document.write("          I\'m Good Enough!\n");
document.write("        </div<\/span>><\/span>\n");
document.write("\n");
document.write("        <!-- Tab 2 Contents --><\/span>\n");
document.write("        <div<\/span> id<\/span>="tab_2_contents<\/span>"<\/span><\/span> class<\/span>="tab_contents"<\/span>><\/span>\n");
document.write("          I\'m Smart Enough!\n");
document.write("        </div<\/span>><\/span>\n");
document.write("\n");
document.write("        <!-- Tab 3 Contents --><\/span>\n");
document.write("        <div<\/span> id<\/span>="tab_3_contents<\/span>"<\/span><\/span> class<\/span>="tab_contents"<\/span>><\/span>\n");
document.write("          And Doggone It, People Like Me!\n");
document.write("        </div<\/span>><\/span>\n");
document.write("\n");
document.write("      </div<\/span>><\/span>\n");
document.write("    </div<\/span>><\/span>\n");
document.write("\n");
document.write("  </body<\/span>><\/span>\n");
document.write("</html<\/span>><\/span>\n");
document.write("<\/pre><\/pre>\n");
document.write("		<\/td>\n");
document.write("		<\/tr>\n");
document.write("		<\/table>\n");
document.write("	\n");
document.write("	<\/div>\n");
document.write("\n");
document.write("\n");
document.write("  \n");
document.write("  \n");
document.write("  \n");
document.write("    \n");
document.write("      \n");
document.write("      <\/a>\n");
document.write("    <\/div>\n");
document.write("  \n");
document.write("    Pastie #332067<\/a> linked directly from Pastie<\/a>.\n");
document.write("  <\/div><\/div>");