# Collapsable Lists **URL:** \ **Category:** Ask for Help\ **Created:** [December 21, 2020, 12:12pm UTC](https://community.glideapps.com/t/collapsable-lists/20134 "2020-12-21T12:12:44Z")\ **Posts on this page:** 11\ **Page:** 1
**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:** [December 21, 2020, 12:12pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/1 "2020-12-21T12:12:44Z")
Not sure if this is anything new or not, but I found it pretty cool 🙂 [https://www.loom.com/share/b118eeecec204f7ab33d82ba35b6e874](https://www.loom.com/share/b118eeecec204f7ab33d82ba35b6e874) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [December 21, 2020, 12:13pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/2 "2020-12-21T12:13:34Z")
I assume that’s an increment/set column action? 😉 ---
**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\ **Post date:** [December 21, 2020, 12:15pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/3 "2020-12-21T12:15:07Z")
Suggestion: use a right arrow emoji when closed, change to a down arrow emoji when opened and use a button design with no background or border (last one that just looks like a link). I think that would make it look even more like a collapsible list. ---
**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\ **Post date:** [December 21, 2020, 12:22pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/4 "2020-12-21T12:22:47Z")
That is actually very cute indeed. Nice work! Using actions to set a value somewhere, from which you drive the visibility? ---
**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\ **Post date:** [December 21, 2020, 12:29pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/5 "2020-12-21T12:29:00Z")
@Darren_Murphy interesting, how is this triggered? Did you do something specific to enable? Great for questions and answer patterns ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [December 21, 2020, 12:39pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/6 "2020-12-21T12:39:00Z")
Nice! Tried something like this here > [@Menu Accordion](https://community.glideapps.com/t/menu-accordion/10771): > > Testing some new features, I decided to create a Menu Accordion using our new Increment action. Remembering we can customize it using images also! Tell me what you think grin This app I’ll test and also create some new features with glide’s lasts updates. Soon I bring more updates about it [Untitled\_ Jun 12, 2020 11\_45 PM] ---
**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:** [December 21, 2020, 12:47pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/7 "2020-12-21T12:47:19Z")
> [@ThinhDinh](#): > > I assume that’s an increment/set column action? 😉 Correct 🙂 I also used a math column with MOD() function to cover the case when the same button is tapped twice in a row. That’s the only way I could think of covering that without doubling up on the number of button components. ---
**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:** [December 21, 2020, 12:48pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/8 "2020-12-21T12:48:11Z")
> [@kyleheney](#): > > Suggestion: use a right arrow emoji when closed, change to a down arrow emoji when opened and use a button design with no background or border (last one that just looks like a link). I think that would make it look even more like a collapsible list. Nice idea! I think that can be done without adding extra components, too. I’ll have a play… > [@Lucas\_Pires](#): > > Nice! Tried something like this here > > > [@](#): > > > > Testing some new features, I decided to create a Menu Accordion using our new Increment action. Remembering we can customize it using images also! Tell me what you think grin This app I’ll test and also create some new features with glide’s lasts updates. Soon I bring more updates about it [Untitled\_ Jun 12, 2020 11\_45 PM] Ah.. I knew I couldn’t have been the first to try this. Although I think I’ve used a slightly different technique. I use a combination of increment and set columns. Each button does an increment on itself, and a clear values on all the other buttons. That’s how I get all the others to collapse when you tap any button. There’s also a math column that does a MOD() on each button’s toggle state, and that’s what drives the visibility of the individual list components 🙂 > [@Rosewebstudio](#): > > @Darren_Murphy interesting, how is this triggered? Did you do something specific to enable? > > Great for questions and answer patterns @Rosewebstudio see above ⬆ > [@V88](#): > > That is actually very cute indeed. Nice work! > > Using actions to set a value somewhere, from which you drive the visibility? Not sure about cute, but it’s fun to play around with 🤣 ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [December 21, 2020, 12:56pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/9 "2020-12-21T12:56:16Z")
That’s actually very nice! ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [December 21, 2020, 1:48pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/10 "2020-12-21T13:48:08Z")
> [@Darren\_Murphy](#): > > Although I think I’ve used a slightly different technique. I use a combination of increment and set columns. Each button does an increment on itself, and a clear values on all the other buttons. That’s how I get all the others to collapse when you tap any button. There’s also a math column that does a MOD() on each button’s toggle state, and that’s what drives the visibility of the individual list components 🙂 Yeah, mine is an old version. I haven’t updated it yet. This way you found is pretty cool! ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [December 21, 2020, 2:59pm UTC](https://community.glideapps.com/t/collapsable-lists/20134/11 "2020-12-21T14:59:53Z")
This is how I would approach it as well—nice.