# Fliplet Accordions

**URL:** <https://community.fliplet.com/t/fliplet-accordions/774>\
**Category:** Get Help\
**Created:** [February 18, 2025, 5:09pm UTC](https://community.fliplet.com/t/fliplet-accordions/774 "2025-02-18T17:09:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![DBevan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.fliplet.com/dbevan/32/342_2.png) [@DBevan](https://community.fliplet.com/u/DBevan)\
**Post date:** [February 18, 2025, 5:09pm UTC](https://community.fliplet.com/t/fliplet-accordions/774/1 "2025-02-18T17:09:59Z")

</div>

Hi - I am clicking from a list menu from one screen to another, and I want all the accordions to open when landing on this next screen.

To open one, you can use “action=openAccordion” however this only opens one, as opposed to all.

I have tried using “action=openAccordions” but to no avail and could not find the answer online.

Any help would be much appreciated!  
Thank you.

---

<div class="post-metadata">

**Author:** ![YuliiaKovalenko](https://avatars.discourse-cdn.com/v4/letter/y/d2c977/32.png) [@YuliiaKovalenko](https://community.fliplet.com/u/YuliiaKovalenko)\
**Post date:** [February 18, 2025, 5:44pm UTC](https://community.fliplet.com/t/fliplet-accordions/774/2 "2025-02-18T17:44:14Z")

</div>

We don’t have such query parameter as “openAccordions” to open all accordions on the page, but this could be done by adding a bit of a custom code.  
I have a button with attached query parameter “?action=openAccordions”:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/fliplet/original/1X/7ff6aac5618cae5a9c0475d30bef094d67ebd261.png)

Here is the code:

```auto
Fliplet().then(function () { //this will run after the page is rendered
  //here you can use any query parameter instead of 'openAccordions'
  if (Fliplet.Navigate.query.action == 'openAccordions'){
    $(document).find('.panel-group .panel').each((index, el)=> {
      $(el).find('.panel-title').trigger('click');
    });
  }
});

```

---

<div class="post-metadata">

**Author:** ![DBevan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.fliplet.com/dbevan/32/342_2.png) [@DBevan](https://community.fliplet.com/u/DBevan)\
**Post date:** [February 19, 2025, 12:17pm UTC](https://community.fliplet.com/t/fliplet-accordions/774/3 "2025-02-19T12:17:48Z")

</div>

Thank you for the quick response - worked perfectly!