Forandre class i div ?

[robgar]

Hei, jeg prøver å forandre en class tag i en div. Jeg har to classer i css'en, der den ene gjør diven synlig, og den andre gjør den usynlig. De blir så lagt oppå hverandre.

 

.synlig {
 border: 1px solid black;
 position:relative;
 visibility: visible;
 font-size: 50px;
 height: 50px;
 z-index:2;
}

.usynlig {
 position:relative;
 visibility: hidden;
 top:-50px;
 color:red;
 font-size:80px;
 z-index:1;
}

 

Det jeg forsøker på, er at når jeg klikker på den diven som er synlig, blir den usynlig, og den som var usynlig blir synlig.

 

Her er Javascriptet:

function change_class(id, idto) {
 var id;
 var idto;
 document.all.id.class = 'synlig';
 document.all.idto.class = 'usynlig';
}

 

Og til slutt html'en :

<div id="div_en" class="synlig" onClick="Javascript:change_class('div_to', 'div_en');">
Synlig
</div>

<div  id="div_to" class="usynlig" onClick="Javascript:change_class('div_en', 'div_to');">
Usynlig
</div>

 

 

Jeg har en mistanke om at det som det scriptet gjør, er å bytte ut class'en til diven med id "id", og ikke innholdet av variabelen id...

 

Hva er det jeg har gjort galt her?

Og hvordan skal det være for at det skal virke ?

 

Setter pris på svar

[????????]

Hvis du vil skjule et element vil det nok være bedre å bruke display: block og display: none

 

F.eks.:

<div id="the_div" style="border: 1px solid black; width: 100px; display: block">

Dette er en div

</div>

<br>

 

 

<input type="button" value="skjul diven" onClick="the_div.style.display='none'">

<input type="button" value="vis diven" onClick="the_div.style.display='block'">

[robgar]

Takk for svar