Buongiorno a tutti,
vengo subito al dunque, ho un menu a tendina del genere:
	
	
	
		
css:
	
	
	
		
Sto cercando di utilizzare il metodo "slideToggle()" però non funziona. Quello che succede: al primo click su "seleziona" la tendina scende giu ma lo stesso <li> "seleziona" va in display none. Potete darmi una mano. Grazie anticipatamente e buona giornata
				
			vengo subito al dunque, ho un menu a tendina del genere:
		Codice:
	
	  <div class="menu-first">
         <ul id="options">
                     <li><a href="#">Seleziona</a></li>
                     <li><a href="#">Opzione1</a></li>
                     <li><a href="#">Opzione2</a></li>
                     <li><a href="#">Opzione3</a></li>
                     <li><a href="#">Opzione4</a></li>
                     <li><a href="#">Opzione5</a></li>
         </ul>
  </div>
  <script type="text/javascript">
                                    $(document).ready( function(){
                                        $("#options li:first-child a").click( function(){
                                            $("#options li").slideToggle('1000');
                                        });
                                    });
   </script>
	css:
		Codice:
	
	.menu-first #options li a {
    color: #FFFFFF;
    display: block;
}
.menu-first #options li:first-child {
    display: block;
}
.menu-first #optoins {
    background: none repeat scroll 0 0 #C6C6C6;
    height: 25px;
    position: relative;
    width: 640px;
    z-index: 1;
}
.menu-first #options li {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 12px;
    position: relative;
    width: 203px;
    display: none;
    z-index: 1;
}
	Sto cercando di utilizzare il metodo "slideToggle()" però non funziona. Quello che succede: al primo click su "seleziona" la tendina scende giu ma lo stesso <li> "seleziona" va in display none. Potete darmi una mano. Grazie anticipatamente e buona giornata
			
				Ultima modifica di un moderatore: