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