problema con nascondere/visualizzare div

**lella69** · 15-11-2018, 07:46

buongiorno a tutti
come capirete non sono molto pratica di javascript

ho uno script che nasconde/visualizza un div

<script type="text/javascript">
function attributi() {
if(document.getElementById('attributi').style.disp lay=='block') {
document.getElementById('attributi').style.display ='none';
} else {
document.getElementById('attributi').style.display ='block';
}
}
</script>

<a href="javascript:attributi();">personalizzazione</a>
<div class="product-variants" style="display: none;" id="attributi">
ecc.ecc .....

il problema è che all'interno del div c'è un form fatto di select che quando viene selezionato qualcosa la pagina si ricarica e il javascript non nasconde più il div

la pagina iniziale è pagina.html e si ricarica in pagina.html#/ecc.ecc.

sapete dirmi come risolvere il problema ?

**m4rko80** · 15-11-2018, 10:46

Ciao , puoi provare così:

codice:

<script>
function attributi() {

const displayStatus = document.getElementById('attributi').style.display != 'block' ? 'block' : 'none';
document.getElementById('attributi').style.display = displayStatus ;

</script>
............
<a href="#" onClick="attributi(); return false;">personalizzazione</a>

**lella69** · 15-11-2018, 10:59

ti ringrazio della risposta ma non funziona ... non visualizza nemmeno il div

**m4rko80** · 15-11-2018, 11:08

Avevo mancato una graffa

Questo codice a se stante funziona

codice:

<html>
<head>	
		<script>
function attributi() {


const displayStatus = document.getElementById('attributi').style.display != 'block' ? 'block' : 'none';
document.getElementById('attributi').style.display = displayStatus;
}
</script>
</head>
<body>
  
	<a href="#" onClick="attributi(); return false;">personalizzazione</a>
  <div id="attributi" style="display:none">--ATTRIBUTI---</div>
	   
	
</body>
</html>

Discussione: problema con nascondere/visualizzare div

Strumenti discussione

Ricerca discussione

Visualizza

problema con nascondere/visualizzare div

Permessi di invio