How to change the Filterable Buttons to a Drop-down style

Hi, I just have a question.
Can the filterable button to a dropdown select? I've tried to create a parent category and add a child category.

Sample is I created a Drinks as parent category and the child category are Coffee, Teas, etc. But when I add it on the page, but the display has no difference from the parent and child category.

Is it configurable to display only the parent category and on hover the parent category the child categories will display below the parent category?

Here is my sample Categories


Thanks in advance!

 

when I add the categories to page, it will displaying like this.


Is it possible to display like:
Parent Category 1 Baked Goods and Parent Category 2 Drinks should be displayed and the child categories of Baked Good and Drinks will display when the Parent Category is Hover
My problem now is it display like the parent categories.

 

I was expecting to be like this, on hover the child categories will be displayed.
NOTE: the image above is edited only to explained what are my expecting.