# How to create a Hide/Show or collapse/expand Button?

**URL:** https://community.glideapps.com/t/how-to-create-a-hide-show-or-collapse-expand-button/72913
**Category:** Ask for Help
**Created:** [April 28, 2024, 9:27am UTC](https://community.glideapps.com/t/how-to-create-a-hide-show-or-collapse-expand-button/72913 "2024-04-28T09:27:14Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![xXLunightXx](https://avatars.discourse-cdn.com/v4/letter/x/59ef9b/32.png) [@xXLunightXx](https://community.glideapps.com/u/xXLunightXx)
#### Post date: [April 28, 2024, 9:27am UTC](https://community.glideapps.com/t/how-to-create-a-hide-show-or-collapse-expand-button/72913/1 "2024-04-28T09:27:14Z")

</div>

Hi everyone! I’m having some difficulty creating a hide/show button, and I really could use some guidance. If anyone has experience with this or knows of a helpful tutorial, I’d greatly appreciate your assistance. Thank you!

---

<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: [April 28, 2024, 9:34am UTC](https://community.glideapps.com/t/how-to-create-a-hide-show-or-collapse-expand-button/72913/2 "2024-04-28T09:34:35Z")

</div>

The general approach is that you have an action attached to the button that toggles the status of a user specific boolean column, and then set component visibility conditions based on the status of the same column.

So the action on the button would be:

- If boolean is checked, then  
– Set Column Values → boolean → Clear value
- Else  
– Set Column Values → boolean → `true`

And your component visibility condition would be “show component when boolean is checked”.

You could also use an if-then-else column to create a dynamic label for the button as follows:

- If boolean is checked, then “Hide”
- Else “Show”