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
![Me gusta: Está pregunta es útil y esta clara Me gusta: Está pregunta es útil y esta clara](/img/img.png?11.51)
![NO me gusta: Está pregunta no esta clara o no es útil No me gusta: Está pregunta no esta clara o no es útil](/img/img.png?11.51)
0