我正在尝试为Wordpress网站设置多级菜单的样式。我有HTML和CSS代码,也是低级菜单的JS onclick切换。 我已经尝试在互联网上关注指南,但它不能正常工作,因为我希望我的第二/更低级菜单出现在点击而不是悬停。 这是HTML代码:
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a></li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Fast Checks</a>
<ul class="dropdown-menu dropdown-menu-left" role="menu">
<li><a href="#">Link Number One</a></li>
<li class="dropdown"><a href="#one" class="trigger">Link Number Two <i class="ico ico-arrow"></i> </a>
<ul class="dropdown-menu sub-menu">
<li><a href="#l-1">Link Number One</a></li>
<li><a href="#l-2">Link Number Two</a></li>
<li><a href="#l-3">Link Number Three</a></li>
</ul>
</li>
<li><a href="#">Link Number Three</a></li>
<li><a href="#">Link Number Four</a></li>
</ul>
</li>
<li><a href="#">Recover Profile</a></li>
<li><a href="#">ProfileHub</a></li>
<li>
<button type="button" class="btn btn-success btn-sm">Try It Free</button>
</li>
<li>
<button type="button" class="btn btn-success-border btn-sm">Login</button>
</li>
</ul>
</div>