HTML.it è il sito italiano del web publishing

problema con accordion jquery



scegli un altro forum
    Indietro   Ricarica   Avanti Invia una risposta

Autore
Discussione     
toro.86
Utente di HTML.it



Registrato il: Nov 2011

Provenienza:

Messaggi: 32


ICQ:

MSN:

Skype:


problema con jquery
ciao ragazzi a questo link: http://jquerytools.org/demos/tabs/accordion.html troveretetutto il codice e una demo funzionante del mio problema!

il mio problema é questo: cliccando su "Frist pane" il "menu/descrizione" si deve chiudere, se ci fate caso non é possibile chiudere i "menu/descrizione" dei vari "pane" ma solo di aprirli... ok quindi lo ripeto ho bisogno di "migliorare" l'effetto aggiungendo la possibilita di chiudere il "menu/descrizione" con un clic...

qualcuno puo aiutarmi?

PS potete consigliarmi anche altri tools gia funzionanti.


Grazie

Segnala ad un moderatore | IP: Collegato | Permalink

toro.86 è offline Old Post 07-08-2012 08:23
Clicca qui per vedere il profilo dell'utente toro.86 Clicca qui per inviare all'utente toro.86 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente toro.86 Aggiungi l'utente toro.86 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
toro.86
Utente di HTML.it



Registrato il: Nov 2011

Provenienza:

Messaggi: 32


ICQ :

MSN :

Skype :


<!-- activate tabs with JavaScript -->
<script>
$(function() {
$("#accordion").tabs(
"#accordion div.pane",
{tabs: 'h2', effect: 'slide', initialIndex: null}
);
});
</script>

credo che il problema sia qui!! sto provando in tutti i modi ad inserire un "if / else" in questo modo ma non funziona e non capisco dove sbaglio

codice:
<script> 			
$(function () { 
if($("div.pane").is(":hidden")){ 
$("#accordion").tabs("#accordion div.pane",{tabs:'h2',initialIndex: null}).show(1000); 
} else { 
$("div.pane").hide("slow"); 
}
})
</script>

Ultima modifica ad opera dell'utente toro.86 il 07-08-2012 alle 10:08

Segnala ad un moderatore | IP: Collegato | Permalink

toro.86 è offline Old Post 07-08-2012 10:06
Clicca qui per vedere il profilo dell'utente toro.86 Clicca qui per inviare all'utente toro.86 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente toro.86 Aggiungi l'utente toro.86 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
mrk1989
Utente di HTML.it



Registrato il: Jun 2012

Provenienza:

Messaggi: 107


ICQ :

MSN : mrk1989@hotmai l.it

Skype : setter1989m


Ottima domanda
Prendi questo tutorial in inglese purtroppo.

http://www.jacklmoore.com/notes/jqu...ordion-tutorial


__________________
Mrk1989

Segnala ad un moderatore | IP: Collegato | Permalink

mrk1989 è offline Old Post 07-08-2012 11:24
Clicca qui per vedere il profilo dell'utente mrk1989 Clicca qui per inviare all'utente mrk1989 un messaggio privato Visita l'homepage dell'utente mrk1989 Visualizza ulteriori messaggi scritti dall'utente mrk1989 Aggiungi l'utente mrk1989 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
toro.86
Utente di HTML.it



Registrato il: Nov 2011

Provenienza:

Messaggi: 32


ICQ :

MSN :

Skype :


Re: Ottima domanda
Citazione:
Originariamente inviato da mrk1989
Prendi questo tutorial in inglese purtroppo.

http://www.jacklmoore.com/notes/jqu...ordion-tutorial


grazie per il link, molto interessante ma purtroppo quando clicco su di una nuova "slide" quella "vecchia" non si chiude, quindi risolto un problema, ne é apparso un altro :-(

Segnala ad un moderatore | IP: Collegato | Permalink

toro.86 è offline Old Post 07-08-2012 12:55
Clicca qui per vedere il profilo dell'utente toro.86 Clicca qui per inviare all'utente toro.86 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente toro.86 Aggiungi l'utente toro.86 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
lnessuno
Utente di HTML.it



Registrato il: Feb 2002

Provenienza:

Messaggi: 3205


ICQ :

MSN :

Skype :



__________________
"Ricorda, ricorda, il cinque novembre, polvere da sparo, tradimento e complotto
Non vedo alcuna ragione per cui la Congiura delle Polveri dovrebbe mai essere dimenticata!" (Guy Fawkes)

Segnala ad un moderatore | IP: Collegato | Permalink

lnessuno è online in questo momento Old Post 07-08-2012 13:09
Clicca qui per vedere il profilo dell'utente lnessuno Clicca qui per inviare all'utente lnessuno un messaggio privato Visita l'homepage dell'utente lnessuno Visualizza ulteriori messaggi scritti dall'utente lnessuno Aggiungi l'utente lnessuno alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
toro.86
Utente di HTML.it



Registrato il: Nov 2011

Provenienza:

Messaggi: 32


ICQ :

MSN :

Skype :


Citazione:
Originariamente inviato da lnessuno
Ma una roba tipo questa?

http://jqueryui.com/demos/accordion/#collapsible


grazie in effetti é la soluzione migliore!! grazie! per l'aiuto.

Segnala ad un moderatore | IP: Collegato | Permalink

toro.86 è offline Old Post 07-08-2012 13:21
Clicca qui per vedere il profilo dell'utente toro.86 Clicca qui per inviare all'utente toro.86 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente toro.86 Aggiungi l'utente toro.86 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
lnessuno
Utente di HTML.it



Registrato il: Feb 2002

Provenienza:

Messaggi: 3205


ICQ :

MSN :

Skype :


Visto che jquery-ui è abbastanza pesante, valuta la possibilità di costruirti un accordion a mano... usando jquery e qualche briciola di html5 è molto semplice, sono pochissime righe ed ottieni un risultato sicuramente più personalizzabile...

Qualche tempo fa ne avevo scritto uno per fare un esperimento... guarda se ti va bene
http://jsfiddle.net/DhPfS/3/


__________________
"Ricorda, ricorda, il cinque novembre, polvere da sparo, tradimento e complotto
Non vedo alcuna ragione per cui la Congiura delle Polveri dovrebbe mai essere dimenticata!" (Guy Fawkes)

Segnala ad un moderatore | IP: Collegato | Permalink

lnessuno è online in questo momento Old Post 07-08-2012 14:03
Clicca qui per vedere il profilo dell'utente lnessuno Clicca qui per inviare all'utente lnessuno un messaggio privato Visita l'homepage dell'utente lnessuno Visualizza ulteriori messaggi scritti dall'utente lnessuno Aggiungi l'utente lnessuno alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
toro.86
Utente di HTML.it



Registrato il: Nov 2011

Provenienza:

Messaggi: 32


ICQ :

MSN :

Skype :


Citazione:
Originariamente inviato da lnessuno
Visto che jquery-ui è abbastanza pesante, valuta la possibilità di costruirti un accordion a mano... usando jquery e qualche briciola di html5 è molto semplice, sono pochissime righe ed ottieni un risultato sicuramente più personalizzabile...

Qualche tempo fa ne avevo scritto uno per fare un esperimento... guarda se ti va bene
http://jsfiddle.net/DhPfS/3/


quello di prima gia andava bene... ma questo é fenomenale!!! mi hai risolto la giornata grazie!! :-)

Segnala ad un moderatore | IP: Collegato | Permalink

toro.86 è offline Old Post 07-08-2012 14:31
Clicca qui per vedere il profilo dell'utente toro.86 Clicca qui per inviare all'utente toro.86 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente toro.86 Aggiungi l'utente toro.86 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
Tutte le ore sono con fuso orario CET. Ora sono le 08:53.     

    Ultima discussione   Prossima discussione Invia una risposta
Versione per la stampa | Invia il thread via email | Ricevi aggiornamenti sul thread | Scarica il thread
 

Cerchi un argomento specifico e hai fretta? Usa il motore di ricerca