小编Mic*_*ham的帖子

我正在尝试在Bootstrap 3中创建子菜单(我们都知道它已被删除),我想在点击而不是悬停时显示菜单的第2和第3级.

出于某种原因,每次我点击第二级或第三级时,它只是关闭下拉菜单,就好像它正在切换常规引导程序打开/关闭功能一样.

我需要在庄园工作...... 1.)点击顶层 - 显示下拉项目2.)点击下拉项目 - 显示第二级项目3.)点击第二级项目 - 显示第3项等级项目

基本上我想激活这个css类

.dropdown-submenu:hover>.dropdown-menu{display:block;}

点击而不是悬停.

目前我已尝试过以下内容

链接到小提琴 http://jsfiddle.net/Tenacity/ejLDg/1/

你最好能解决这个问题吗？随意将整个示例分开,以实现解决方案,因为我完全卡住了.提前致谢.

HTML

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">Your Logo Here</a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">           
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="test1">Top Level <b class="caret"></b></a>         
                <ul class="dropdown-menu">



                 <li class="dropdown-submenu">
                    <a tabindex="-1" href="#">To 2nd</a>
                    <ul class="dropdown-menu">
                      <li class="dropdown-submenu">
                        <a href="#">2nd to 3rd</a> …