Chiudere div all'apertura di un altro?
Avevo scritto questo codice per far in modo che a seconda dell' oggetto selezionato veniva aperta una div, ma poi se una persona cambia idea si accumulano le div, invece vorrei che le altre si chiudano.. questo è il codice:
Codice HTML:
<html>
<head>
<title>RBL ~ Invia una richiesta</title>
<style type="text/css">
body {
background-color: black;
}
.button {
background-image: url(button2.png);
width: 89px;
height: 39px;
text-align: center;
}
.buttontext {
font-size: 16px;
font-weight: bold;
padding-top: 7px;
background: transparent;
border: 0px;
text-decoration: none;
color: black;
}
.buttontext:hover {
color: white;
}
</style>
</head>
<body>
<font color="white"><h2>Invia una richiesta</h2><br><br>
<form method="POST" action="request.php">
<b><strong>Inserisci il tuo nickname<br>
<input type="text" name="nickname"><br><br>
Cosa desideri inviare?<br>
<input type="radio" name="request" value="Richiesta canzone" onclick="document.getElementById('show').style.display='block';" />Richiedi una canzone
<input type="radio" name="request" value="Dedica" onclick="document.getElementById('show2').style.display='block';" />Invia una dedica
<input type="radio" name="request" value="Messaggio" onclick="document.getElementById('show3').style.display='block';" />Invia un messaggio<br><br>
<div id="show"style="display: none;">
Inserisci il nome del brano<br>
<input type="text" name="brano"><br><br>
Inserisci il/la cantante/gruppo<br>
<input type="text" name="cantante"></div>
<div id="show2"style="display: none;">
Inserisci il nome del brano<br>
<input type="text" name="brano"><br><br>
Inserisci il/la cantante/gruppo<br>
<input type="text" name="cantante"></div>
<div id="show3"style="display: none;">
Inserisci il messaggio<br>
<textarea name="messaggio" cols="40" raws="13"></textarea><br><br></div>
<div class="button"><input type="submit" class="buttontext" value="Invia"></div>
</form></strong></b></font>
</body>
</html>
