Mehrere Functions schließen sich aus

[Micky]

Hi Leute,

stehe am Anfang von JS und versuche grad hier was umzusetzten: http://shyne.sh.funpic.de/privat/test/

Ich habe einen doofen Titel, aber ich bin noch zu wenig in der Materie um es vernünftig ausdrücken zu können.

Ich möchte, dass verschiedene Boxen aufklappen, was auch klappt. Das geschieht indem ich Body verschiedene Klassen zuweise und in der CSS Datei definier, wie sich die Boxen verhalten sollen.

<script type="text/javascript">  
function BlendeEin1 ()  
{  
  document.body.className += "einblenden_oben_links";  
}  
  
function BlendeEin2 ()  
{  
  document.body.className += "einblenden_oben_rechts";  
}  
  
function BlendeEin3 ()  
{  
  document.body.className += "einblenden_unten_links";  
}  
  
function BlendeEin4 ()  
{  
  document.body.className += "einblenden_unten_rechts";  
}  
</script>  

Mein Problem ist, dass wenn man auf die eine Box klickt, die andere zugeht und vor allem beim widerholten Klick keines von diesen mehr aufgeht.

Was muss ich tun, damit die Boxen _aufbleiben_ (und bei Klicks unendlich auf und zu gehen können --> erstmal unwichtig).

Es ist mein JS Tag, also bitte so simple wie nur möglich.

Danke!