# How to add 'sub-options'?

**URL:** <https://community.glideapps.com/t/how-to-add-sub-options/77352>\
**Category:** Ask for Help\
**Created:** [October 26, 2024, 4:57pm UTC](https://community.glideapps.com/t/how-to-add-sub-options/77352 "2024-10-26T16:57:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![izumiinoue](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/izumiinoue/32/79768_2.png) [@izumiinoue](https://community.glideapps.com/u/izumiinoue)\
**Post date:** [October 26, 2024, 4:57pm UTC](https://community.glideapps.com/t/how-to-add-sub-options/77352/1 "2024-10-26T16:57:09Z")

</div>

Is there a way I can display a **second level of options** for the choice component? For example, if the user picks My Grandparent, what’s the best way to do the following **within the same step** without having to add another page:

1. Highlight their selection; Grandparent
2. Hide the other options; Parent, Spouse, Child, Sibling, Other
3. Show another level of choices (depending on step 1); Grandfather or Grandmother

 ![Screenshot 2024-10-27 at 12.50.47 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/a/ca0b06f1cede60c402b590c784fd52edfb2f994f.png)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [October 26, 2024, 5:32pm UTC](https://community.glideapps.com/t/how-to-add-sub-options/77352/2 "2024-10-26T17:32:06Z")

</div>

> [@izumiinoue](#):
>
> Highlight their selection; Grandparent

Looks like it’s already doing it.

> [@izumiinoue](#):
>
> Hide the other options; Parent, Spouse, Child, Sibling, Other

I’m not sure why you would want to. What if someone picks the wrong choice and they can no longer change it to something else?

I think you could possibly do something with two choices components. One that only displays when a choice has not been made, and another that only display when a choice is made. Put a filter on the second choice component to only show choice that equal the screen value of the selected choice.

> [@izumiinoue](#):
>
> Show another level of choices (depending on step 1); Grandfather or Grandmother

You can control visibilty of other components based on the the value of another choice on the screen.