I'm trying to "hide" a long list of elements under DisclosureGroups, but I can't make them appear.

This shows all "Tutorands" inside the "ForEach" perfectly:

Section ("Tutorands"){
          ForEach(tutorOf) { student in
            HStack {
              student.photoAsImage
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: 40, height: 40)
                .clipShape(Circle())
                .shadow(radius: 10)
              VStack (alignment: .leading){
                Text(student.name ?? "")
                Text(student.course?.level ?? "")
                  .foregroundColor(.secondary)
              }
            }
            .tag(student as Student?)
          }
        }

But this "equivalent" with disclosure code shows only the title and icon of DisclosureGroup: no data when tapped.

DisclosureGroup (content: {
          ForEach(tutorOf) { student in
            HStack {
              student.photoAsImage
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: 40, height: 40)
                .clipShape(Circle())
                .shadow(radius: 10)
              VStack (alignment: .leading){
                Text(student.name ?? "")
                Text(student.course?.level ?? "")
                  .foregroundColor(.secondary)
              }
            }
            .tag(student as Student?)
          }
        }, label: {
          Label {
            Text("Tutorands")
          } icon: {
            Image(systemName: "person.2.fill")
              .foregroundColor(.accentColor)
          }
        })

Am I missing something? Is this the correct way of doing it?

Thanks in advance.

Yes! That worked! I think I tried this kind of solution, but anyway now it works: with VStack inside.

Thanks!