elementi (li) personalizzati manualmente con spaziatura

[jeyjack]

Il sistema del toggle che stai usando (relativo alla classe "caret"), consente di gestire solo un elemento, cioè quello che viene subito dopo "caret".
Quindi, i contenuti che seguono, giustamente non compaiono. Stai sbagliando ad usare quel sistema in una struttura del genere. Infatti quel toggle agisce sul primo elemento "nested" che trova.

Puoi risolvere in vari modi. Una soluzione è quella di usare un <div> come contenitore (in cui mettere tutto ciò che deve comparire/nascondersi), quindi attribuire a questo la classe "nested". Ma dovrai aggiustare il css.

Per me la cosa sta diventando troppo pasticciata a questo punto. Più inserisci nuove cose, più ti troverai ad affrontare problematiche non previste. Difficile da seguire se non organizzi meglio una buona base di partenza studiata al dettaglio secondo le caratteristiche che ti serve avere

Questa e' probabilmente la situazione piu' complicata in cui mi posso trovare, se riuscissi a gestire questa situazione (fargli visualizzare tutto il contenuto) potrei riuscire tranquillamente a portare avanti questo sistema che mi piace troppo e inoltre il grosso e' stato gia' fatto (grazie proprio al tuo aiuto).

Non c'e' un modo per fargli considerare tutti i nested e non solo il primo?
Oppure non c'e' un modo di inserire un elemento unico che segna la fine del contenitore e che usero' solo alla fine di ogni voce?

Ho provato ad inserire tutto il contenuto in un Div, ma poi smette di funzionare la funzione che permette di espandere/comprimere tutto il contenuto