[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:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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:

fradamma

Utente Attivo
28 Set 2012
93
0
0
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
Autore Titolo Forum Risposte Data
D [risolto] Problemi di paginazione dei risultati con una determinata query Classic ASP 4
H [risolto] Problemi con gli apici di un URL PHP 2
H [RISOLTO] Problemi con gli array jQuery 4
I [Risolto] Problemi invio e-mail con CDOSYS con domini @live.it Classic ASP 4
I [Risolto] ASP VBSCRIPT e PAYPAL problemi con le spese di spedizione dinamiche Classic ASP 3
spider81man [PHP] Problemi cancellazione dato su DB [RISOLTO] PHP 1
S [RISOLTO] Problemi di ricezione posta Adsl e Connettività 5
L (risolto) MySQL 0
B getElementById su piu id(Risolto) Javascript 7
L Esercitarsi con Js [RISOLTO] Javascript 4
C [RISOLTO]Inserimento variabile php in input html PHP 20
L risolto visualizzazione e ordinamento dati PHP 1
moustache [RISOLTO] SQL PHP IIS PHP 8
Sergio Unia Ricezione email con destinatari multipli [Risolto] PHP 2
L update tabelle in php mysql [risolto] PHP 6
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
L [RISOLTO] Stampa a video risultato count in html PHP 13
L [RISOLTO] Eliminare una discussione creata PHP 3
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
A [PHP] Problema query insert [RISOLTO] PHP 14
B [PHP] recuperare IP dei server in load balancing [RISOLTO] PHP 3
K [RISOLTO] Problema Griglia Php+Mysql PHP 13
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
elpirata [RISOLTO][Mysql] Problema insert valori apostrofati MySQL 1
elpirata [RISOLTO][Mysql] Contare le occorrenze in un campo tipo varchar MySQL 2
G [MS Access] Gestione biglietti [RISOLTO] MS Access 2
G [MS Access] Casella combinata & Query [RISOLTO] MS Access 4
G [MS Access] Query mese corrente con conteggio [RISOLTO] MS Access 2
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
C [RISOLTO][PHP] Errore di sintassi PHP 8
IT9-Gpp [RISOLTO] Leggere variabile restituita da success Ajax 3
Kolop [RISOLTO][PHP] Problema Pagination PHP 2
C [RISOLTO][PHP] Funzione ONclick PHP 14
C [RISOLTO][PHP] Conteggio righe di una tabella PHP 4
N [PHP] Utilizzo variabili di sessione [Risolto] PHP 13
Tommy03 [RISOLTO][PHP] Webserver o devserver? PHP 2
Sergio Unia Recupero dati da una vecchia versione MySql [Risolto] MySQL 4
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
felino Risolto - [Wordpress][WooCommerce] PayPal Checkout e campi di fatturazione WordPress 2
elpirata [PHP][RISOLTO] Sommare gli importi estratti da un ciclo while PHP 3
elpirata [PHP][RISOLTO] Effettuare la somma dei tempi di lavorazione PHP 3
elpirata [PHP] [RISOLTO]Sovrascrivere testo in una tabella PHP 2
A [RISOLTO]Recuperare dati inviati con json tramite php PHP 4
C [RISOLTO][PHP] Passaggio variabili senza refresh di pagina PHP 7
elpirata [PHP][RISOLTO] Errore di tipo Notice: Undefined index - Come risolvere quando si hanno tante var PHP 10
S Problema in PHP per invio file XML - RISOLTO- PHP 8
A [Javascript] [RISOLTO] Doppio "submit", in uno stesso "Form" , che puntino ad "action" diversi Javascript 1
marino51 [Risolto]videochat di messenger ha smesso di funzionare sul telefonino Smartphone e tablet 1

Discussioni simili