# \[SOLVED\] How to show/hide multiple groups one after the next?

**URL:** <https://forum.bubble.io/t/solved-how-to-show-hide-multiple-groups-one-after-the-next/226300>\
**Category:** Database\
**Created:** [September 29, 2022, 1:58pm UTC](https://forum.bubble.io/t/solved-how-to-show-hide-multiple-groups-one-after-the-next/226300 "2022-09-29T13:58:44Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![darren.james7518](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@darren.james7518](https://forum.bubble.io/u/darren.james7518)\
**Post date:** [September 29, 2022, 2:25pm UTC](https://forum.bubble.io/t/solved-how-to-show-hide-multiple-groups-one-after-the-next/226300/3 "2022-09-29T14:25:09Z")

</div>

Thanks @adamhholmes - The CSS you gave me has been fantastic, the rows and columns are now working great (ignore bright colours, that’s just to make it easier for me to see whist developing!)

Ok, I see what you mean about assigning each group a number, I will try that thank you.

There will only be 4 rows, however I will have 6 columns (each with 4 rows). What you see below is one column with 4 colours which should have a condition to show/hide.

 ![Screenshot 2022-09-29 152019](https://us1.discourse-cdn.com/bubble/original/3X/9/7/97edc62f15194dece30ad189f599c8dc12954749.png)

Oh, I just tried to assign a number to the data source but it wants to reference the height or width?

 ![4](https://us1.discourse-cdn.com/bubble/original/3X/f/3/f359d314f62ccf6b222bf474b86d398af388fb4b.png)

---

_[View the full topic](https://forum.bubble.io/t/solved-how-to-show-hide-multiple-groups-one-after-the-next/226300)._