# How do I add to my accordion?

**URL:** https://forum.builder.io/t/how-do-i-add-to-my-accordion/181
**Category:** Non-Technical FAQs
**Tags:** visual-editor, accordion
**Created:** [September 2, 2020, 3:03pm UTC](https://forum.builder.io/t/how-do-i-add-to-my-accordion/181 "2020-09-02T15:03:27Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Barrett](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/barrett/32/63_2.png) [@Barrett](https://forum.builder.io/u/Barrett)
#### Post date: [September 2, 2020, 3:03pm UTC](https://forum.builder.io/t/how-do-i-add-to-my-accordion/181/1 "2020-09-02T15:03:27Z")

</div>

To add a new question, select the accordion layer and click “edit”. From here, you can add more questions using the “+ item” button.

The accordion title is wrapped in a parent container, so you select the parent container and navigate to the “child layouts” section in the styles tab. From here, change the layout from “column” to “row”. Now, you can add a plus sign or dropdown arrow next to the title. From here, you can use the data tab to a make the arrow rotate when clicked (you can learn more about using the data tab [here](https://slack-redir.net/link?url=https%3A%2F%2Fwww.builder.io%2Fc%2Fdocs%2Fguides%2Fstate-and-actions)).

---

<div class="post-metadata">

### Author: ![gunturhakim](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/gunturhakim/32/326_2.png) [@gunturhakim](https://forum.builder.io/u/gunturhakim)
#### Post date: [February 22, 2021, 4:34am UTC](https://forum.builder.io/t/how-do-i-add-to-my-accordion/181/2 "2021-02-22T04:34:21Z")

</div>

Hi, I looking for how to make accordion to my landing page at my [site](https://roomme.id/jakarta/jakarta-barat/palmerah), can anyone helping me  
best regards

---

<div class="post-metadata">

### Author: ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)
#### Post date: [February 22, 2021, 6:32pm UTC](https://forum.builder.io/t/how-do-i-add-to-my-accordion/181/3 "2021-02-22T18:32:19Z")

</div>

Hi @gunturhakim 👋🏻 Thanks for reaching out!

I’d be happy to help! In Builder, you can drag and drop the Accordion block onto your page and follow the instructions above to add items to your accordion.

 ![Screen Shot 2021-02-22 at 1.31.28 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/5283eb8b25a7bb46ee9c3e69976877782c947242.png)

---

<div class="post-metadata">

### Author: ![cedson](https://avatars.discourse-cdn.com/v4/letter/c/e99b99/32.png) [@cedson](https://forum.builder.io/u/cedson)
#### Post date: [June 9, 2023, 11:00pm UTC](https://forum.builder.io/t/how-do-i-add-to-my-accordion/181/4 "2023-06-09T23:00:04Z")

</div>

I’m trying to add arrow/caret functionality to my accordion and can’t figure out how to add them. Do you have any specific documentation that shows? Also the JS code to help it go up and down depending on if it is expanded or not?

I’m working with the [builder.io](http://builder.io) arrow accordion and it is very glitchy and not working as anticipated.

---

<div class="post-metadata">

### Author: ![nicke920](https://avatars.discourse-cdn.com/v4/letter/n/ce73a5/32.png) [@nicke920](https://forum.builder.io/u/nicke920)
#### Post date: [June 10, 2023, 1:13am UTC](https://forum.builder.io/t/how-do-i-add-to-my-accordion/181/5 "2023-06-10T01:13:18Z")

</div>

Hey there!

Our Accordion With Arrows template allows you to insert an accordion item that has a plus/minus option. Please review this demo video showing how to use the Accordion With Arrows template and let me know if you have further questions! [Loom | Free Screen & Video Recording Software | Loom](https://www.loom.com/share/5b58bfc657c14b4ba4410aef1ed5f418)