Javascript 在twitter引导中禁用悬停并允许单击子菜单

我对html不太了解，我想在单击时打开下拉菜单（下拉子菜单），但现在它在悬停时打开

<div class="col-md-6 col-sm-8">

                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myMenu">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
                    </button>
                </div>


                <div class="collapse navbar-collapse" id="myMenu">
                    <ul class="nav navbar-nav navbar-left">
                        <li><a href="">Home</a>
                        </li>
                        <li><a href="#about">About Me</a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Services <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li class="dropdown-submenu">
                                <a class="dropdown-toggle disabled" href="#">Doctors<b class="caret"></b></a>
                                   <ul class="dropdown-menu">
                                        <li><a href="">sub 1 </a></li>
                                        <li><a href="">sub 2</a></li>
                                        <li><a href="">sub 3</a></li>
                                    </ul>
                                </li>
                        </li>
                        </ul>
                        </li>

                    </ul>

                </div>
                <!-- /.navbar-collapse -->
            </div>

切换导航

使用jquery：

（函数（$）{
$（文档）.ready（函数（）{
$（'ul.dropdown-menu[data toggle=dropdown]'）。打开（'click'，函数（事件）{
event.preventDefault（）；
event.stopPropagation（）；
$（this.parent（）.sides（）.removeClass（'open'）；
$（this.parent（）.toggleClass（'open'）；
});
});
})（jQuery）
.marginBottom-0{
页边距底部：0；
}
.下拉子菜单{
位置：相对位置；
}
.下拉子菜单>.下拉菜单{
排名：0；
左：100%；
利润上限：-6px；
左边距：-1px；
-webkit边界半径：0 6px 6px 6px；
-moz边界半径：0 6px 6px 6px；
边界半径：0 6px 6px 6px；
}
.下拉子菜单>a:之后{
显示：块；
内容：“；
浮动：对；
宽度：0；
身高：0；
边框颜色：透明；
边框样式：实心；
边框宽度：5px 0 5px 5px；
左边框颜色：#中交；
边缘顶部：5px；
右边距：-10px；
}
.下拉子菜单：悬停>a:之后{
左边框颜色：#555；
}
.下拉式子菜单.向左拉{
浮动：无；
}
.下拉子菜单.向左拉>.下拉菜单{
左-100%；
左边距：10px；
-webkit边界半径：6px 0 6px 6px；
-moz边界半径：6px 0 6px 6px；
边界半径：6px 0 6px 6px；
}

切换导航


































































































请使用css和脚本将代码添加到JSFIDLE中