# +/- Collapsible/Accordion Component - made possible via switch component with CSS

**URL:** <https://community.glideapps.com/t/collapsible-accordion-component-made-possible-via-switch-component-with-css/27000>\
**Category:** Feature Requests\
**Created:** [May 20, 2021, 12:16am UTC](https://community.glideapps.com/t/collapsible-accordion-component-made-possible-via-switch-component-with-css/27000 "2021-05-20T00:16:28Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [February 25, 2023, 5:50am UTC](https://community.glideapps.com/t/collapsible-accordion-component-made-possible-via-switch-component-with-css/27000/7 "2023-02-25T05:50:35Z")

</div>

This sort of thing can be done without CSS, by using a combination of actions, component visibility and data editor logic. See example below:

> [@CSS Trick: Inset Switch Components for Grouping](https://community.glideapps.com/t/css-trick-inset-switch-components-for-grouping/35134/18):
>
> I did play around with multiple switches on a line, but the problem is that I have a variable number of switches per group. Some have 3, and some have 4. And in the future some may even have 5 or 6. That would have been a nightmare to maintain, so in the end I decided to keep it simple and implement it accordion-style slight_smile

The example shown in the link above does use some CSS, but that’s only to inset the switch components. The functionality itself doesn’t require any CSS.

---

_[View the full topic](https://community.glideapps.com/t/collapsible-accordion-component-made-possible-via-switch-component-with-css/27000)._
