# Nested accordion

**URL:** <https://community.hubspot.com/t/nested-accordion/99653>\
**Category:** Blog, Website & Page Publishing\
**Tags:** enterprise\
**Created:** [February 7, 2024, 11:25am UTC](https://community.hubspot.com/t/nested-accordion/99653 "2024-02-07T11:25:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![SMomo](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@SMomo](https://community.hubspot.com/u/SMomo)\
**Post date:** [February 7, 2024, 11:25am UTC](https://community.hubspot.com/t/nested-accordion/99653/1 "2024-02-07T11:25:18Z")

</div>

Hi everyone. I want to create a nested accordion on my landing page. Is there any way to achieve this?

---

<div class="post-metadata">

**Author:** ![MFernandez\_VM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfernandez_vm/32/31887_2.png) [@MFernandez\_VM](https://community.hubspot.com/u/MFernandez_VM)\
**Post date:** [February 7, 2024, 11:47am UTC](https://community.hubspot.com/t/nested-accordion/99653/2 "2024-02-07T11:47:58Z")

</div>

Hello! What I usually do in these cases is search for a theme or template that has the feature or module I am looking for. That way is way more easier than building from scratch. I hope this helps!

---

<div class="post-metadata">

**Author:** ![SMomo](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@SMomo](https://community.hubspot.com/u/SMomo)\
**Post date:** [February 8, 2024, 9:23am UTC](https://community.hubspot.com/t/nested-accordion/99653/3 "2024-02-08T09:23:09Z")

</div>

Thanks! Any template recommendation?

---

<div class="post-metadata">

**Author:** ![SilviaCasanova](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/silviacasanova/32/80742_2.png) [@SilviaCasanova](https://community.hubspot.com/u/SilviaCasanova)\
**Post date:** [February 8, 2024, 11:43am UTC](https://community.hubspot.com/t/nested-accordion/99653/4 "2024-02-08T11:43:10Z")

</div>

Hi @SMomo

An alternative to ready-made templates is to create a module from the Design Tool, within the theme you are interested in, in which you insert the code for a nested accordion. You can find several ready-to-use examples on the Internet, such as [this one](https://codepen.io/Elodieb/pen/OJyLxXm) on Codepen.

The positive side of creating a customised module is that, having a minimum knowledge of css, you can insert your own style and have the possibility to characterise the module in the way that best suits your needs.

I hope I have been of some help,  
Silvia

| 

| 
### 
 Silvia Casanova Project ManagerExelab

| ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/6/e6e4eac4b326798ff384088f92d642884db49c47.png) | ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/6/36c779e0d19f292af3a2ce7493a6f0ac576dee5e.svg) |

 | | | | 

| | |
| 

| ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/c/6cc5dab148cb2c9d0051324b4a670d5aef67052b.png) |

 | [silvia.casanova@exelab.com](mailto:silvia.casanova@exelab.com) |
| 

| ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/3/b393d99d24043d8f715882739c05862a03edd1e3.png) |

 | [exelab.com](https://exelab.com/) |

 |

 |