Publicado em 30 de out.

class="active" em landing page

Boa tarde pessoal.

Criei uma landing page com os menus no topo e ao clicar no meu ele direciona para a div.

É coloquei no Inicio assim:

 <li class="active"><a href="index.php">Home</a></li>

 para ficar destacado.

 Só que o cliente me pediu para que toda vez que clicar em uma div ele ativa o menu atual.

 Como eu faria isso em uma landing page faço nem ideia.

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

wanderval· 31 de out.

acredito que seria parecido com isso:

HTML:

<ul class="nav">
 <li class="active"><a href="index.php">Home</a></li>
 <li><a href="about.php">About</a></li>
 <li><a href="contact.php">Contact</a></li>
</ul>

	JS:

function setActiveLink(url) {
 var href = url || window.location.href ;
 removeClass();

 $('.nav a').each(function(e,i) {
 if (href.indexOf($(this).attr('href')) >= 0) {
 $(this).addClass('active');
 }
 });
}

function removeClass() {
 $('.nav li').removeClass('active');
}

setActiveLink('www.dominio.com.br/about.php');

	 

	 

	JsBin: [https://jsbin.com/resisosagu/edit?html,js,output](https://jsbin.com/resisosagu/edit?html,js,output)