单击特定选项后如何隐藏 docusaurus 导航栏中的下拉列表

Question

我正在尝试建立一个 docusaurus 网站，其中有一个链接到侧边栏的下拉菜单。单击金属下拉菜单后，我想隐藏该下拉菜单。有可能实现吗？

我的 docusaurus.config.js

const CONSTANTS = require("./constants");

module.exports = {
  title: CONSTANTS.APP_TITLE,
  tagline: 'REST API Reference',
  url: '',
  baseUrl: '/',
  onBrokenLinks: 'warn',
  favicon: 'img/favicon.png',
  organizationName: '', // Usually your GitHub org/user name.
  projectName: 'webdocs', // Usually your repo name.
  themeConfig: {
    navbar: {
      title: CONSTANTS.APP_TITLE,
      logo: {
        alt: CONSTANTS.APP_TITLE,
        src: 'img/logo.svg',
      },
      items: [
        {
          type: 'docsVersionDropdown',
          position: 'right',
        },
        {
          type: "dropdown",
          label: 'Commcell Type',
          position: 'right',
          items: [{
            label: 'OnPrem',
            type: 'docSidebar',
            sidebarId: "OnPrem"
          }, {
            label: 'Metallic',
            type: 'docSidebar',
            sidebarId: "Metallic"
          }]
        },

      ],
    },
    "colorMode": {
      "defaultMode": "light",
      "disableSwitch": false,
      "respectPrefersColorScheme": false
    },
  },
  plugins: [
    ...
  ],
  themes: ["docusaurus-theme-openapi-docs" ,'@easyops-cn/docusaurus-search-local'],
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        debug: true,
        docs: {
          
          sidebarPath: require.resolve('./sidebars.js'),
          editUrl: 'https://git.commvault.com/eng/docs/webdocs',
          docLayoutComponent: "@theme/DocPage",
          docItemComponent: "@theme/ApiItem"
        },
        blog: {
          showReadingTime: true,
          editUrl: 'https://github.com/facebook/docusaurus/edit/master/website/blog/',
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
      },
    ]
  ],
};

当前下拉列表一直停留在导航栏中。寻找自定义导航栏中的下拉菜单