Hallo liebe Leute,
Folgend mein Quellcode zum besseren verstehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<script type="text/javascript">
function zusatzdaten(chk)
{
var fs = document.getElementById('zusatzdaten_' + chk.id);
fs.style.display = (chk.checked) ? '' : 'none';
}
</script>
<body>
<u>Radio-Punkt 1:</u><br>
<input type="radio" name="periodenart" id="periode1" value="1" onclick="zusatzdaten(this);"><br>
<fieldset id="zusatzdaten_periode1" style="display:none;">
Zusatzeingaben zu Punkt 1<br>
</fieldset>
<hr>
<u>Radio-Punkt 2:</u><br>
<input type="radio" name="periodenart" id="periode2" value="1" onclick="zusatzdaten(this);"><br>
<fieldset id="zusatzdaten_periode2" style="display:none;">
Zusatzeingaben zu Punkt 2<br>
</fieldset>
</body>
</html>
Es werden zwei Radio-Punkte dargestellt, die ein Untermenü öffnen, sobald man sie anklickt. Mein Problem ist, dass dieses Untermenü nicht wieder ausgeblendet wird, wenn man sich umentscheidet und doch den anderen Radio-Punkt anwählt.
Also "eigentlich" möchte ich gerne, dass es nur ein einziges Untermenü zur Zeit gibt. Und wenn man halt einen anderen Punkt anwählt, das erste Menü wieder zu geht.
Aktuell bleibt es stehen und man kann beide Untermünus gleichzeitig einsehen.
Was gibt es jetzt für Möglichkeiten, wie kann ich das Lösen?
Vielen Dank für Hilfreiche Tipps
Timo