I have a small query about creating a webpage which can act like Excel slicer.
So let me explain what exactly I am looking for.
Let's take an example of Microsoft Office. It has Word, Excel, Access, PowerPoint, Publisher and Outlook. So I want to make something like, there should be a button with the name "Microsoft Office". After clicking on the button, it shows 4 new buttons with the names "Office 365", "Office 2019", "Office 2016" and "Office 2013". Again after clicking on the "Office 365" button or the other buttons, they show other new buttons named as "Word", "Excel", "PowerPoint", "Publisher" and "Outlook". Again after clicking on the "Word", it shows different sliders with error messages mentioned in it and then on clicking any of the error message, it expands to show text which has troubleshooting steps mentioned.
I am attaching an image to get a better visualization of my idea.

If anyone can suggest how can I make such type of webpage or if someone can share a demo project file, that would be very helpful.