在vue关闭其他开放式切换

Question

js以及如何做以下事情

截图

现在我的问题是，如果我点击产品，之后我点击设置然后两个都打开，但我想只打开预设点击切换。

例如，如果我点击设置，那么现在应该打开设置，如果我点击产品，那么设置应该关闭，产品切换应该打开。

我怎么能这样做？

这是我的代码，我用它来点击：

<script>
export default {

    methods: {
       handleClick (e) {
           e.preventDefault()
           e.target.parentElement.classList.toggle('open')
             }
          }
       }
  </script>

Answer 1

点击其他链接后，您必须删除所有链接的开放课程