Ciao, non ho avuto tempo di dedicarmi ad elaborare qualcosa ma ti do giusto qualche info al volo.

Se vuoi avere un effetto transizione anche per quelle liste, teoricamente sarebbe pensabile usare lo stesso sistema opportunamente impostato anche per tali elementi. La cosa però potrebbe risultare più complicata del previsto perché andrebbero gestiti diversi fattori, come il calcolo delle altezze che possono variare in modi imprevedibili dal momento che hai più parti annidate che possono ridimensionarsi all'interno dello stesso contenuto.

Fosse per me userei un sistema differente che potrebbe essere applicato forse più facilmente su più elementi anche annidati.
La tecnica è quella di lavorare sulla proprietà max-height, anziché height.

Trovi degli esempi su w3schools: How TO - Collapse

Chiaramente andrebbe impostata la struttura HTML in modo opportuno.
Per il momento è giusto un'idea, bisogna capire poi se e come possa essere adoperata nel tuo specifico caso.

Magari fai tu stesso qualche prova; nel caso, posso provare qualcosa anche io appena posso.