How do I optimize or shorten my javascript code (posted inside)?

Question

Hey great news is ...my code works...but it looks so novice...How could I optimize my code without changing the output. In otherwords, How do I improve my coding practice.Your help is greatly appreciated.

[CODE]

Title One

welcome to the first subitem

Title Two

welcome to the second subitem

Title Three

welcome to the third subitem

[/CODE]

Answer 1

reference every thing as if they were arrays....

to switchDiv(param) you look through the array, and hide unless the index = param.

use css, and don't deal with alll those style attrs. just slap on a new className!

extra credit if you take the onclick out of the html and put it in the script where it belongs!

Answer 2

Instead of explicit characteristics in the internal script could you use named classes in an external css?

Answer 3

function SwitchDiv(objId){
var titleDiv1 = document.getElementById("title1");
var titleDiv2 = document.getElementById("title2");
var titleDiv3 = document.getElementById("title3");

contentDiv1.style.display ="none";
contentDiv2.style.display ="none";
contentDiv3.style.display ="none";

titleDiv1.style.color= "#ffffff";
titleDiv1.style.backgroundColo...
titleDiv2.style.color= "#ffffff";
titleDiv2.style.backgroundColo...
titleDiv3.style.color= "#ffffff";
titleDiv3.style.backgroundColo...

if(objId ==1){
contentDiv1.style.display ="block";
titleDiv1.style.color= "#000000";
titleDiv1.style.backgroundColo...
}else if(objId ==2){
contentDiv2.style.display ="block";
titleDiv2.style.color= "#000000";
titleDiv2.style.backgroundColo...
}else{
contentDiv3.style.display ="block";
titleDiv3.style.color= "#000000";
titleDiv3.style.backgroundColo...
}
}

Though, it can stil b customized...

Answer 4

for sure your scripting this in notepad, with out syntax spotlight, or you may have seen the difficulty sparkling as day. document.write("