Buenas tardes!
¿Cómo podría encontrar un elemento del menú con determinada clase y quitarsela?
Veréis, mi menú consta de:
Código HTML:
Ver original<nav class="menu" id="menu"> <a href="#cooperativa"><li>Cooperativa
</li></a> <a href="#aceites"><li>Aceites
</li></a> <a href="#tienda"><li>Tienda On-line
</li></a> <a href="#socios"><li class="activo">Zona Privada
</li></a> <a href="#contacto"><li>Contacto
</li></a> <div class="separator-menu"></div>
Y en el script en el que asocio el click al href soy capaz de encontrar el elemento "li" con la clase activo...pero no soy capaz de quitarselo y asignarselo al que han pulsado.
Os pongo el código:
Código Javascript
:
Ver originalvar mi_menu = "#"+id+" a[href*=#]";
var bloque = "#"+id;
$(mi_menu).click(function(){
//busco cualquier objeto que tenga la clase "activo"
if ($(bloque).find("li").hasClass('activo')){
// hay alguno que está con clase 'activo'
$(bloque).find("li").hasClass('activo').removeClass('activo');
//he probado esto de aquí pero no lo realiza :(
}else{
alert('No hay');
}
if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'')
&& location.hostname === this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length){
var targetOffset = $target.offset().top;
$('html,body').stop().animate({scrollTop: targetOffset}, 1800);
return false;
}
}
});