Como hago menus activos? Quisiera que me ayuden con esto... estoy intentando seleccionar los elementos del menu dependiendo a la pagina pero no se como hacerlo, he intentado usar jquery pero no tengo mucho conocimiento, me han dicho que intente con capturar la direccion y seleccionar dependiendo a eso, espero que me puedan ayudar... saludos !!
PD: estoy trabajando en localhost mi direccion es esto
http://localhost/miweb/index.php
Esto es mi HTML
Código:
<div class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li><a href="index.php">Inicio</a></li>
<li><a href="somos.php">Somos</a></li>
<li class="dropdown">
<a href="servicios.php" class="dropdown-toggle disabled" "data-hover="dropdown" data-toggle="dropdown">Servicios <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="drywall.php">Drywall</a></li>
<li><a href="instalaciones-electricas.php">Instalaciones Electricas</a></li>
<li><a href="construccion.php">Construccion</a></li>
<li><a href="shortcodes.html">Shortcodes</a></li>
</ul>
</li>
<li><a href="productos.php">Productos</a></li>
<li><a href="trabaja-con-nosotros.php">Trabaja con Nosotros</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</div>
Este es mi JQUERY se que falta, pero no tengo idea como capturar la url y activarlo he leido algunos tutoriales pero no logro hacerlo funcionar
Código:
<script type="text/javascript">
$('.navbar-nav ul li').click(function() {
$(this).addClass('active');
});
</script>
