Javascript Div einblenden / ausblenden bei Kontrollkästchen: aktiviert / deaktiviert

Ich versuche, eine Funktion in Javascript zu erstellen, die abhängig vom Status meines Kontrollkästchens (aktiviert oder nicht aktiviert) bestimmte Div in meinem Registrierungsformular ein- / ausblenden soll. Hier ist meine Funktion:

 function doruc() {
    var elem = document.getElementById('powermail_fieldwrap_331');
        if (document.getElementById  ('powermail_field_doruovaciaadresa2_1').checked) {
        elem.display='block';
        } else {elem.display:none;}
}

Es funktioniert nicht. Ich aktiviere und deaktiviere mein Kontrollkästchen, aber es passiert nichts. Oh und noch eine Sache. Ich möchte, dass dieses Div als versteckt initialisiert wird. Soll ich das in meine CSS einfügen? :

 #powermail_fieldwrap_331{
 display:none;
 } 

Über Anregungen würde ich mich sehr freuen.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage