---
title: "Discussion on \"3 Simple Ways to Build an Accordion\" | Hashnode"
description: "Discussion on \"3 Simple Ways to Build an Accordion\". An accordion menu is one that contains a vertical list of headers that when selected or opened hides or reveals additional content relating to the header."
url: "https://hashnode.com/posts/3-simple-ways-to-build-an-accordion/62306a8cdf08b9b82341cd53"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [3 Simple Ways to Build an Accordion](https://timonwa.hashnode.dev/3-simple-ways-to-build-an-accordion?utm_source=hashnode&utm_medium=feed)

An accordion menu is one that contains a vertical list of headers that when selected or opened hides or reveals additional content relating to the header.

Mar 15, 2022 · 6 min read · timonwa.hashnode.dev  
Updated Jun 21, 2023  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#projects](https://hashnode.com/tag/projects)
-   [#css](https://hashnode.com/tag/css)
-   [#html5](https://hashnode.com/tag/html5)
-   [#coding-challenge](https://hashnode.com/tag/coding-challenge)

## Written by

[Timonwa Akintokun](https://hashnode.com/@Timonwa)

@Timonwa · Lagos, Nigeria

  
[View profile](https://hashnode.com/@Timonwa)

Developer | Writer | Creator

Hi, I'm Timonwa! I write articles on web development that help other developers learn more easily. These articles include beginner-friendly tutorials, open source, technical writing, and more.

## Responses 2

Markdown supported · ⌘↵ to post

[Isaac Oladipupo Ayomide](https://hashnode.com/@isaacoladipupo)

[Mar 20, 2022](https://hashnode.com/posts/3-simple-ways-to-build-an-accordion/62306a8cdf08b9b82341cd53/comment/62378873bef4c71aa6f12abb)

Thanks for sharing this knowledge

[Timonwa Akintokun](https://hashnode.com/@Timonwa)

[Mar 26, 2022](https://hashnode.com/posts/3-simple-ways-to-build-an-accordion/62306a8cdf08b9b82341cd53/comment/62378873bef4c71aa6f12abb#reply-623f7cc22209c88a3de9236f)

You are welcome