Buongiorno, non mastico il JS per cui siate clementi.
La mia situazione è questa: ho una transazione in css che si avvia al click di un input facendo scendere un menù a tendina. Le altre voci del menù non hanno tendine ma sono link diretti ad ancore nella pagina.
Ora per chiudere la tendina devo cliccare sul label che fa a capo all'input. Vorrei che la tendina si chiudesse anche al click di un'altra voce del menù.
Ho provato modificando la classe della tendina ma ho l'input che rimane checked e mi crea conflitti in css.
Ho quindi fatto una ricerca per riuscire a rendere uncheck un input o fare il checked dell'altro. Questo è quello che ho fatto
codice HTML:
<input type="radio" name="apriprodotti" id="upprodotti" class="chiuditi"/>
<input type="radio" name="apriprodotti" id="downprodotti" class="apriti"/>
<div id="menu">
<ul>
<li id="button1" class="bottone scendi attuale"><a id="buttonclick1" href="#home" title="Vai alla Homepage" >Home</a></li>
<li id="button2" class="bottone scendi"><a href="#chisiamo" title="Scopri chi siamo" >Chi siamo</a></li>
<li id="button3" class="bottone">Prodotti
<label for="upprodotti" id="menuup"><img src="images/mascherina.png" alt="Chiudi" /></label>
<label for="downprodotti" id="menudown"><img src="images/mascherina.png" alt="Apri" /></label>
</li>
<li id="button4" class="bottone scendi"><a href="#contatti" title="Contattaci" >Contatti</a></li>
</ul>
</div>
codice:
<script type="text/javascript">
function unCheck(){
var val = this.value;
$('.chiuditi[value="' + val + '"]').attr('checked', true);
};
window.onload = function(){
document.getElementById("buttonclick1").addEventListener( 'click' , unCheck );
};
</script>
Grazie mille