Ciao a tutti! Vi espongo il mio problema. Ho all'interno di una pagina html un div nel quale dovrei mostrare degli indirizzi(attualmente ho utilizzato dei campi input di tipo text, ma non è indispensabile che sia fatto in questo modo). In seguito al cambio della selezione in una combo box alcuni indirizzi devono essere mostrati e alti nascosti. Vorrei che quando cambiano gli indirizzi visualizzati non venisse visualizato lo spazio vuoto. Ad esempio:
Inizialmente il div viene visualizzato in questo modo:
_____________________
| indirizzo1
| indirizzo2
| indirizzo3
| indirizzo4(nascosto)
| indirizzo5(nascosto)
| indirizzo6(nascosto)
|___________________

Dopo aver cambiato la selezione all'interno della combo box vorrei che venisse visualizzato in questo modo:
_____________________
| indirizzo4
| indirizzo5
| indirizzo6
|
|
|___________________

Per cercare di ottenere questo risultato ho creato due classi con css. Quando viene cambiata la selezione nella combo box chiamo uno script javascript in cui viene cambiata la classe dei vari elementi input. Inizialmente associo la classe nascosto agli indirizzi nascosti, e la classe visibile agli indirizzi visualizzati.
codice:
.nascosto{
	display:none;
}
.visibile{
	display:inline;
			
}
purtroppo con questo codice , dopo aver cambiato la selezione, ottengo la seguente visualizzazione:
_____________________
|
|
|
| indirizzo4
| indirizzo5
| indirizzo6
|___________________

Ho anche provato a mettere nella classe visibile le seguenti proprietà:
position: relative;
top: 0px;
ma non cambia nulla.
Spero di essere stata chiara Grazie a tutti in anticipo