選択肢のリスト段階的に表示する

Question

前提・実現したいこと

メルカリのカテゴリーから探すのように、1つの選択肢を選んだら、選んだ選択肢が表示されて、、、
この実装をしたいと考えてます。

お聞きしたいこと

この実装方法の名前がわからないため、作り方をうまく検索できません。
（プルダウンでも、ドロップダウンでもないので）

このような仕組みをなんというか教えていただけますでしょうか？
よろしくお願いします。

Answer 1

'v-if'と'inline-block'を使ってゴリゴリに書いたらできました。

<div class="category-title">
        <h4 v-on:mouseover="categoryOpen = true">カテゴリーから探す</h4>
      </div>
      <div class="searchCategory">
        <div class="categotyList" v-on:mouseover="subCategoryOpen = true">
          <p v-if="categoryOpen" v-for="category in categoryList" >{{ category.label }}</p>
        </div>
        <div class="categotyList" v-on:mouseleave="subCategoryMouseLeave">
          <p v-if="subCategoryOpen" v-for="subCategory in subCategoryList">{{ subCategory.label }}</p>
        </div>
      </div>

.category-title{
  padding-left: 10px;
  display:  inline-block;
}

.categotyList {
  padding-left: 10px;
  display:  inline-block;
  box-sizing: border-box;
}