gegenseitige Prüfung

[Wolfgang (Rentner)]

Hallo Forum,

Ihr müsst mir mal bei folgendem Problem unter die Arme greifen:
Mit bedienen einer Checkbox soll ein Div sichbar werden.
Wenn nun eine weitere Checbox angeklickt wird, soll ein evtl. sichtbares Div wieder verschwinden und ein neues Div angezeigt werden.
Ich kenne mich mit Javascript leider nur sehr wenig aus und auf mein in meinen alten Dickkopf passt kaum noch was rein ;)

Ich habe es jetzt mal wie folgt versucht, dabei wird jedoch ein bereits sichtbares Div nicht wieder auf 'none' gesetzt. Ihr Profis könnt das doch bestimmt auf einen Blick lösen.

Vielen Dank Euch

<script type="text/javascript">
function box1(chk)
         {
         var fs = document.getElementById('box1_' + chk.id);
         fs.style.display = (chk.checked) ? '' : 'none';

var fs = document.getElementById('box2_' + chk.id);
         fs.style.display = 'none';
         }
function box2(chk)
         {
         var fs = document.getElementById('box2_' + chk.id);
         fs.style.display = (chk.checked) ? '' : 'none';

var fs = document.getElementById('box1_' + chk.id);
         fs.style.display = 'none';
         }
</script>

<input type="checkbox" id="a" name="box_1" onclick="box1(this);"> BOX_1
<br><br>
<input type="checkbox" id="b" name="box_2" onclick="box2(this);"> BOX_2

<div id="box1_a" style="display:none;background:red;width:100px;height:100px;">Dieses ist Box 1</div>
<div id="box2_b" style="display:none;background:green;width:100px;height:100px;">Dieses ist Box 2</div>