# Accordion, Group by year

**URL:** <https://forum.finsweet.com/t/accordion-group-by-year/3787>\
**Category:** Attributes\
**Tags:** accordion\
**Created:** [November 12, 2024, 9:25am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787 "2024-11-12T09:25:53Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![per.boymo](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/per.boymo/32/3155_2.png) [@per.boymo](https://forum.finsweet.com/u/per.boymo)\
**Post date:** [November 12, 2024, 9:25am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/1 "2024-11-12T09:25:53Z")

</div>

Is it possible to make the header by year and all items having Year = header grouped in content?  
Or is this only possible by using NEST and year as header?

You understand when you see the this example:[Internasjonale medaljer](https://ny.norgesseilforbund.org/media/internasjonale-medaljer-copy)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [November 12, 2024, 5:48pm UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/2 "2024-11-12T17:48:33Z")

</div>

Hey @per.boymo!

I don’t fully understand the question, what final design do you want to achieve? 🤔

---

<div class="post-metadata">

**Author:** ![per.boymo](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/per.boymo/32/3155_2.png) [@per.boymo](https://forum.finsweet.com/u/per.boymo)\
**Post date:** [December 16, 2024, 12:43pm UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/3 "2024-12-16T12:43:48Z")

</div>

late back… I want to use accordion with Year from CMS as accordion top and automatically add data from cms in accordion bottom with filter Year from top. It is possible today, but you need to do this manually for each accordion.

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [December 17, 2024, 1:31am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/4 "2024-12-17T01:31:32Z")

</div>

Yes! You can do this by adding CMS Nest to the setup and doing a “Reverse Nest” where we set the items as children of the referenced year.

Could you share a read-only link so I can see the CMS structure of your collection and advise how to achieve this?

---

<div class="post-metadata">

**Author:** ![per.boymo](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/per.boymo/32/3155_2.png) [@per.boymo](https://forum.finsweet.com/u/per.boymo)\
**Post date:** [December 18, 2024, 8:08am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/5 "2024-12-18T08:08:22Z")

</div>

Thanks - Link: [Webflow - Norges Seilforbund](https://preview.webflow.com/preview/nsf23?utm_medium=preview_link&utm_source=designer&utm_content=nsf23&preview=7f9e103100a951d494f3642290d3e7ab&pageId=671a0db386e916153ba079d6&locale=nb&workflow=preview)

CMS Items in collection: Internasjonale medlajevinneres

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [December 19, 2024, 6:28pm UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/6 "2024-12-19T18:28:03Z")

</div>

Awesome!

Here are the step-by-step instructions on how to do this. Refer to this for CMS Nest documentation → [CMS Nest - Nest Webflow CMS Collection lists without limitations](https://finsweet.com/attributes/cms-nest)

1. Add the Collection list to the page, inside the collection add a text link (it can be hidden from view) set to the current item. Add the accordion component as a sibling of this link.

2. At the bottom of the accordion, add a blank div that will be the target div for the nested list.  

3. Add the “Internasjonale medlajevinneres” collection to the page and set it according to the CMS Nest documentation.

4. Inside the “Års template page” add the "Internasjonale medlajevinneres " list and filter it so that only the items on the current year appear.  

5. Set this collection according to CMS Nest documentation for the “Collection on template page” step  

6. Publish and test!

---

<div class="post-metadata">

**Author:** ![per.boymo](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/per.boymo/32/3155_2.png) [@per.boymo](https://forum.finsweet.com/u/per.boymo)\
**Post date:** [December 20, 2024, 2:47pm UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/7 "2024-12-20T14:47:46Z")

</div>

Thanks. Maybe I have done something wrong with the identifier…  
And the data from “Internasjonale medlajevinneres” collection should be placed in the Års templatepage? (and then showing in nest div?

New link [Webflow - Norges Seilforbund](https://preview.webflow.com/preview/nsf23?utm_medium=preview_link&utm_source=designer&utm_content=nsf23&preview=7f9e103100a951d494f3642290d3e7ab&pageId=671a0db386e916153ba079d6&locale=nb&workflow=preview)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [December 20, 2024, 5:47pm UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/8 "2024-12-20T17:47:00Z")

</div>

hey @per.boymo! The link seems to be broken! Could you share a new one please?

---

<div class="post-metadata">

**Author:** ![per.boymo](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/per.boymo/32/3155_2.png) [@per.boymo](https://forum.finsweet.com/u/per.boymo)\
**Post date:** [January 6, 2025, 11:55am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/9 "2025-01-06T11:55:51Z")

</div>

[https://preview.webflow.com/preview/nsf23?utm\_medium=preview\_link&utm\_source=designer&utm\_content=nsf23&preview=78be8d90ea28f51a898f3afbd98ed205&pageId=671a0db386e916153ba079d6&locale=nb&workflow=preview](https://preview.webflow.com/preview/nsf23?utm_medium=preview_link&utm_source=designer&utm_content=nsf23&preview=78be8d90ea28f51a898f3afbd98ed205&pageId=671a0db386e916153ba079d6&locale=nb&workflow=preview)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [January 7, 2025, 10:46pm UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/10 "2025-01-07T22:46:22Z")

</div>

Hey @per.boymo! This link is also broken.

This could be happening if you uncheck the toggle after sharing the link. You can DM me a new link if you need to keep the project confidential 🙂

---

<div class="post-metadata">

**Author:** ![per.boymo](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/per.boymo/32/3155_2.png) [@per.boymo](https://forum.finsweet.com/u/per.boymo)\
**Post date:** [January 11, 2025, 9:57am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/11 "2025-01-11T09:57:23Z")

</div>

Sent in on Chat, but also here(not any confidential issues) [Webflow - Norges Seilforbund](https://preview.webflow.com/preview/nsf23?utm_medium=preview_link&utm_source=designer&utm_content=nsf23&preview=3ba8c6eea68bab5a79e9a51eeefcfed9&pageId=671a0db386e916153ba079d6&locale=nb&workflow=preview)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [January 14, 2025, 3:03am UTC](https://forum.finsweet.com/t/accordion-group-by-year/3787/12 "2025-01-14T03:03:17Z")

</div>

Thank you @per.boymo! I have replied in the DM
