我的标题菜单ul.dropdown菜单有问题。我有一个带下拉菜单的li-item，但是该下拉菜单仅显示然后我将li-item悬停了。
如何制作它，使其仅在单击时显示并停留，直到我再次单击li-item或其他任何地方？
我做了很多Google搜索，但找不到答案。 Bootetrap网站上的Thise示例，与我的标题菜单具有相同的类。
<ul id="menu-primary" class="nav navbar-nav ml-auto custom-ul"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5305" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown menu-item-5305 nav-item show"><a title="Item 1" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="dropdown-toggle nav-link" id="menu-item-dropdown-5305">Item 1</a>
<ul class="dropdown-menu show" aria-labelledby="menu-item-dropdown-5305" role="menu">
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5321" class="custom-dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-5321 nav-item"><a title="Dropdown item 1" href="#" class="dropdown-item">Dropdown item 1</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5322" class="custom-dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-5322 nav-item"><a title="Dropdown item 2" href="#" class="dropdown-item">Dropdown item 2</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5323" class="custom-dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-5323 nav-item"><a title="Dropdown item 3" href="#" class="dropdown-item">Dropdown item 3</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5324" class="custom-dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-5324 nav-item"><a title="Dropdown item 4" href="#" class="dropdown-item">Dropdown item 4</a></li>
</ul>
</li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5316" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5316 nav-item"><a title="Item 2" href="#" class="nav-link">Item 2</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5299" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5299 nav-item"><a title="Item 3" href="#" class="nav-link">Item 3</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5302" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5302 nav-item"><a title="Item 4" href="#" class="nav-link">Item 4</a></li>
</ul>
如果单击下拉菜单项，则会显示一个下拉菜单，但是在删除鼠标后它会消失。我希望下拉列表保持不变，直到我再次单击parent-li或网站上的其他任何位置。