Ho preso il tuo codice tale quale e riportato su un filettino html, a me non va

Codice PHP:
<html>
<head><title>PROVE JAVASCRIPT</title>
<script language="javascript" type="text/javascript">

var titoli = new Array ('titolo_01', 'titolo_02', 'titolo_03');
var subMenu = new Array('subCont_01', 'subCont_02', 'subCont_03');
function shideSet(obj, classe1, classe2) {
for (a=0; a<3; a++) {
    if (obj==titoli[a]) {
        document.getElementById(obj).className=classe2;
        document.getElementById(subMenu[a]).style.display = (document.getElementById(subMenu[a]).style.display=='block') ? 'none' : 'block';
        }
    else {
    document.getElementById(titoli[a]).className=classe1;
    document.getElementById(subMenu[a]).style.display = 'none';
        }
    }
} 

</script>
<style type="text/css">
a {text-decoration:none; font:bold 16px "Trebuchet MS", Verdana, sans-serif; color:white;}
a:focus {outline:0}

#titolo_01, #titolo_02, #titolo_03 {
float:left;
height:auto;
width:100px;
display:block;}

.titolo1, .titolo2, .titolo3 {
float:left;
height:auto;
width:100px;
display:block;
background-color:blue;}

.act1, .act2, .act3 {
float:left;
height:auto;
width:100px;
display:block;
background-color:green;}

#subCont_01, #subCont_02, #subCont_03 {
float:left;
height:30px;
width:100px;
overflow:hidden;
display:none;
background-color:red;}

</style>
</head>
<body>

<div id="titolo_01" class="titolo1">[url="java-script:void(0);"]CONT_01[/url]
    <div id="subCont_01">Prova 1</div>
</div>
<div id="titolo_02" class="titolo2">[url="java-script:void(0);"]CONT_02[/url]
    <div id="subCont_02">Prova 2</div>
</div>
<div id="titolo_03" class="titolo3">[url="java-script:void(0);"] CONT_03[/url]
    <div id="subCont_03">Prova 3</div>
</div>
</body>
</html> 
ho messo quello che dici di cambiare bo magari sono troppo arruginito.