// JavaScript Document Here is the entire code required to recreate the working example you found in the article.If you're learning how to do this stuff, make one change  at a time, testing between each. Then, if something goes  awry, you know what change to reverse. Below is the JavaScript that changes the display of the  tabs and panel content. Modify the div's for the tabs  and panel content before modifying this JavaScript. Once those are done, you'll have the necessary id names to modify the JavaScript. 

function ManageTabPanelDisplay() {

// Between the parenthesis, list the id's of the div's that 
//     will be affected when tabs are clicked. List in any 
//     order. Put the id's in single quotes (apostrophes) 
//     and separate them with a comma -- all one line.
//
var idlist = new Array('tab1focus','tab2focus','tab3focus','tab1ready','tab2ready','tab3ready','content1','content2','content3');

// No other customizations are necessary.
if(arguments.length < 1) { return; }
for(var i = 0; i < idlist.length; i++) {
   var block = false;
   for(var ii = 0; ii < arguments.length; ii++) {
      if(idlist[i] == arguments[ii]) {
         block = true;
         break;
         }
      }
   if(block) { document.getElementById(idlist[i]).style.display = "block"; }
   else { document.getElementById(idlist[i]).style.display = "none"; }
   }
}