# Using Accordion element to create FAQs - the new title doesn't get reflected when expanded

**URL:** <https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528>\
**Category:** Ask us anything\
**Created:** [November 23, 2023, 1:52pm UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528 "2023-11-23T13:52:31Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![D4Destination](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@D4Destination](https://community.weweb.io/u/D4Destination)\
**Post date:** [November 23, 2023, 1:52pm UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/1 "2023-11-23T13:52:31Z")

</div>

Hi fam, i appreciate your time reading my post - only 1 straightforward issue:

I’ve created an FAQ section with WeWeb using the Accordion element. It has been easy-breezy until I tried to expand the FAQ titles on Preview: I realized the question title (both texts and formats) don’t get reflected when expanded, and it only shows its default mode which is “Opened accordion”.

To make it clear, for exmaple, my FAQ 1 is a question “Xxxxxxx”. This would only show properly when the question is not expanded. Once I click on the “Expand” icon, the title gets back to its default mode,  
“Opened accordion”, while the answer part can be shown properly when expanded.

To find the solution, I realized there is a workflow for Accordion’s question block. But the workflow basically is triggered by “On Click” action with no further steps. So I’m really confused now…

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [November 23, 2023, 4:05pm UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/2 "2023-11-23T16:05:46Z")

</div>

Click ‘Toggle edition’ and then you will see the opened header, you can match the text then

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8b73ffcf9e04e958a919846929d7b9579d2609ac.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/05955d6e8389b4d1d1eca8215ab5194e446a2eae.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [November 23, 2023, 5:13pm UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/3 "2023-11-23T17:13:57Z")

</div>

@luka any reason why this is such a “big tech debt”? You can do this with states, no?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [November 23, 2023, 6:41pm UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/4 "2023-11-23T18:41:32Z")

</div>

Ive started reviewing all the elements recently and they’re going to start getting updated, this element was made a long time ago so I don’t know what was the exactly reason for this behavior

---

<div class="post-metadata">

**Author:** ![creativemusic](https://avatars.discourse-cdn.com/v4/letter/c/74df32/32.png) [@creativemusic](https://community.weweb.io/u/creativemusic)\
**Post date:** [November 24, 2023, 8:34pm UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/5 "2023-11-24T20:34:43Z")

</div>

You can probably do it with this workflow action:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/77077037527c3ffa729bc6db0ee635a6059abe89.png)

I think the trick is identifying whether the accordion is opened or not. But since the default is closed, you could just do a variable like “accordion\_open = false” as default, and then toggle it based on clicks, if/then, etc.

---

<div class="post-metadata">

**Author:** ![D4Destination](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@D4Destination](https://community.weweb.io/u/D4Destination)\
**Post date:** [November 25, 2023, 9:36am UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/6 "2023-11-25T09:36:31Z")

</div>

Hi Guys. I forgot to update here yesterday - I accidentally found the way to correct it:

1st: Go to “review” mode by clicking on the Eye icon  
2nd: Expand a question so I can see the answer along with the default “Opened Accordion” title  
3rd: Then go back to the edit mode right away, now I can edit the “Opened Accordion” to the font and text I want  
4th: Go back to “review” mode to do the same for the rest of question titles I want to change

---

<div class="post-metadata">

**Author:** ![D4Destination](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@D4Destination](https://community.weweb.io/u/D4Destination)\
**Post date:** [November 25, 2023, 9:38am UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/7 "2023-11-25T09:38:20Z")

</div>

Thanks. But I don’t seem to have this “Toggle edition” button under the “Specific” drop-down. I’m on a free plan btw. See the screenshot below please.

I found a way to do it yesterday, not the most convenient way though.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cf0959a1748714575b01a56b24a89afdb057baac.png)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [November 25, 2023, 10:22am UTC](https://community.weweb.io/t/using-accordion-element-to-create-faqs-the-new-title-doesnt-get-reflected-when-expanded/5528/8 "2023-11-25T10:22:15Z")

</div>

You should select the Accordion or Expand element instead of the text
