Si volem que el menú de la nostra pàgina web remarqui la secció en la qual ens trobem, només necessitem una mica de codi en Javascript i CSS.
D’entrada, a la fulla d’estils CSS determinarem una classe concreta per quan una secció estigui activa:
.selected {
color:#ff0000!important;
}
Finalment, en Javascript, li donarem la següent acció:
$('.menu a').each(function(index) {
if(this.href.trim() == window.location)
$(this).addClass("selected");
});
El que fa aquesta acció és buscar quina és la pàgina en la qual ens trobem (window.location) i aplicar la classe “selected” a l’element del menú que contingui un vincle cap a aquesta pàgina. Òbviament, “menu a” dependrà de la classe que tingui el nostre menú.