[RISOLTO]problemi con slideToggle()

fradamma

Utente Attivo
28 Set 2012
93
0
0
Buongiorno a tutti,
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:
Ciao, modifica così
Codice:
<script type="text/javascript">
    $(document).ready( function(){
        $("#options li:first-child a").click( function(){
            $("#options li:not(:first)").slideToggle('1000');
        });
    });
</script>
nel css c'è un errore:
Codice:
.menu-first #optoins {
 
Ultima modifica:
Grazie Criric, va benissimo la tua funzione!
Io avevo risolto in questo modo, e va bene lo stesso:

Codice:
 $("#options li:first-child a").click( function(){
     $("#options li").not( $("#options li")[0] ).slideToggle('1000');
  });

Credo sia la stessa cosa. Grazie lo stesso, come sempre disponibile!
 

Discussioni simili