Tengo hecho un menú con CSS y Boostrap utilizando las clases "dropdown", "dropdown-toggle", etc. Es un menú con submenús, es decir, de este tipo:
Código HTML :
<div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-left"> <li id="Li1" class="admin dropdown menu_recintos"> <a href="../#" id="a1" class="dropdown-toggle" data-toggle="dropdown" title="Gestionar recintos"> GESTIONAR RECINTOS <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a id="HLrecintos" title="RECINTOS" href="/es/Recintos">RECINTOS</a></li> <li><a id="HLsalas" title="SALAS" href="/es/Salas">SALAS</a></li> </ul> </li> <li id="Li2" class="admin dropdown menu_comunicacion"> <a href="../#" id="a2" class="dropdown-toggle" data-toggle="dropdown" title="Comunicación"> COMUNICACIÓN <b class="caret"></b> </a> <ul class="dropdown-menu"> <li id="Li21" class="dropdown dropdown-submenu"> <a href="../#" id="a21" class="dropdown-toggle" data-toggle="dropdown" title="Foro"> <span id="Lforo">FORO</span> <b class="caret"></b> </a> <ul class="dropdown-menu multi-level"> <li><a id="HLforumcategorias" title="CATEGORIAS" href="/es/Foro_Categorias">CATEGORIAS</a></li> <li><a id="HLforumtemas" title="TEMAS" href="/es/Foro_Temas">TEMAS</a></li> </ul> </li> </ul> </div>
Los elemetos del submenú que tienen enlace class "dropdown-toggle" (en este caso FORO)hacen que se despliege el siguiente submenú al pasar por encima, pero al hacer click ese sub-submenú se vuelve a cerrar. Esto no me sirve para la versión móvil y tablets, pues no existe eso del "hover". Necesito que se desplieguen y plieguen al hacer click. No encuentro nada de eso en la página de bootstrap
Si alguien me puede echar una mano... Muchas gracias!
