J.Query Multi reference cms nesting on static page

I feel like this is going to be super simple and obvious :roll_eyes:

I have been searching for a better solution for multiple nested cms lists on a static page, as the Finsweet attributes is a bit too clunky to hand off to a client to manage. It requires a collection to be set up AND apparently plain text too, it’s too much work to manage.

So, I found the seemingly perfect solution in Philipp Roth’s J.Query fix.

But I’m a low-code dummy and i can’t get it to work.

The training page will have 3 nested collections within the main collection:
Dates for the 1st year of a course
Dates for the 2nd year of a course

I have styled them on their respective template pages and in theory, it’s just a matter of fetching them.

But I can’t get them to work :confused:

Please help!

Here is my site Read-Only: [LINK][1]

[1]: reference cloneable https://preview.webflow.com/preview/jquery-nested-cms?utm_medium=preview_link&utm_source=designer&utm_content=jquery-nested-cms&preview=f26c5e425f60e304f30745730a1bccdb&workflow=preview

[2]: Reference Documentation: How to set up Multiple Nested Collections with jQuery

Hey were you able to figure out the solution? I have a similar problem.

I have a CMS collection called “Work” where my team can input data to create case studies. Within the WORK CMS collection, there is a multi reference field that points to another CMS Collection list called “Credits”. This credits will include job title, and names of people. However, some jobs have multiple people on it. So then within the “Credits” CMS Collection, there is a field that is also a multi reference to another CMS Collection called “People”.

All in all, WORK multi referenced Credits, and Credits multi-referrences People.

The way you solved this, could help me :smiley:

Thank you if you did find it out!