¿Alguien sabe de una manera en que esto se puede hacer? ¿O si tiene un nombre para que pueda investigarlo yo mismo? Omita "Antecedentes" y "El problema" Si realmente no lo necesita, tal vez más información si es necesario.

Antecedentes: Básicamente, tengo algo llamado LearnDash y no tienen una función de colapso disponible para una determinada opción que necesito. Así que busqué hacerlo yo mismo pensando que no debería ser demasiado difícil hacerlo. Pero la forma en que lo codificaron fue desafortunada y no tengo un tema secundario ya que estoy usando algo llamado Oxygen Builder, por lo que editar los archivos principales en sí no es el mejor método.

El problema: Lo tienen para que los "Títulos" estén bajo el mismo Padre que los Divs que quiero. Hacer que el método que estaba pensando en usar no sea válido (No me pidas que explique esto, solo intenté explicarlo mientras escribía esto y mi mente se quedó en blanco)

La pregunta: ¿Hay alguna manera de que pueda tomar cada instancia de una clase y poner todo DEBAJO de ella en un plegable hasta que llegue a la siguiente clase?

ES DECIR

 <div class="the-lesson-heading"></div> <div class="lesson-list-item"></div> <div class="lesson-list-item"></div> <div class="lesson-list-item"></div> <div class="the-lesson-heading"></div> <div class="lesson-list-item"></div> <div class="lesson-list-item"></div>

Si hay un término específico para esto, por favor hágamelo saber. Y si esto es posible, ¿podría ponerlo en una función? (Como mencioné antes, editar los archivos principales no sería el mejor método, pero es totalmente factible si es necesario. Ya tengo algunas partes personalizadas que tengo que reemplazar cada actualización del complemento)