vue 三级导航展示和隐藏

需求描述：

要实现侧边栏三级导航的显示和隐藏。点击其中一个一级导航，展示该一级导航的二级导航，再点击关闭该二级导航。一级导航的其他项，展开二级导航。关闭其他一级导航的二级导航。

效果如下：

 代码：

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />
    <div class="first" v-for="(item, key) in navLists" :key="key">
      <li>