Menu Responsivo con href
Publicado por Diego (13 intervenciones) el 07/01/2016 03:05:43
Hola amig@s!
Espero puedan ayudarme a resolver este pequeño problema :)
Tengo un menu con submenus donde el padre tiene una url al igual que los hijos, el problema esta en que cuando realizo el responsive el usuario le da click al padre pero envía a la url y no abre el submenu.
Aquí les dejo algo de código.
Aquí el jQuery
Saludos!!
Espero puedan ayudarme a resolver este pequeño problema :)
Tengo un menu con submenus donde el padre tiene una url al igual que los hijos, el problema esta en que cuando realizo el responsive el usuario le da click al padre pero envía a la url y no abre el submenu.
Aquí les dejo algo de código.
1
2
3
4
5
6
7
8
9
10
11
<li id="projects"><a href="#!">Proyectos <i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="http://www.dominio.com.mx/proyectos/empresas/"><i class="fa fa-angle-right"></i> Empresas</a></li>
<li><a href="http://www.dominio.com.mx/proyectos/especiales/"><i class="fa fa-angle-right"></i> Especiales</a></li>
<li><a href="http://www.dominio.com.mx/proyectos/pantallas/"><i class="fa fa-angle-right"></i> Pantallas</a></li>
<li><a href="http://www.dominio.com.mx/proyectos/pedestales/"><i class="fa fa-angle-right"></i> Pedestales</a></li>
<li><a href="http://www.dominio.com.mx/proyectos/publicidad/"><i class="fa fa-angle-right"></i> Publicidad</a></li>
<li><a href="http://www.dominio.com.mx/proyectos/residenciales/"><i class="fa fa-angle-right"></i> Residenciales</a></li>
<li><a href="http://www.dominio.com.mx/proyectos/superficies-falsas/"><i class="fa fa-angle-right"></i> Superficies Falsas</a></li>
</ul>
</li>
Aquí el jQuery
1
2
3
$("nav ul li").on('click', function(){
$(this).find('ul').slideToggle(300);
});
Saludos!!
Valora esta pregunta
0
