用于Wordpress的PHP多级菜单

时间:2014-10-28 11:20:21

标签: javascript php jquery css wordpress

我正在尝试为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>

0 个答案:

没有答案