Hola gente, por si alguien me dice que no repita post ,decir que lo he hecho porque creo que es conveniente al haber cambiado la pregunta inicial de mi anterior post.
Llevo un par de dias intentando que al pinchar en uno de los enlaces que tengo dentro de una capa (con la clase .barra) estos cambien su clase , pero lógicamente no quiero que los links dejen de tener su comportamiento original que es el de enlace típico. Si pongo (como tengo ahora) return false; al final de la funcion Jquery me funciona bien pero los links dejan de funcionar, ahora si no pongo false , la clase cambia durante unos instantes y luego vuelve a ponerse la clase que había eliminado.
Este es el código que tengo
Código:
<script type="text/javascript">
$(document).ready(function() {
$('.barra td').click(function(){
//elimino la clase .submenuOn en todos los tds dentro de la capa con la clase .barra
$('.barra td').removeClass('submenuOn').addClass('submenuOff');
//al td que estoy haciendo click le elimino la clase .submenuOff y le añado la clase .submenuOn
$(this).removeClass('submenuOff').addClass('submenuOn');
//event.stopPropagation();
//funcionaria de este modo pero el problema es que los links dejan de funcionar
//sino le pongo return false cambia la clase pero solo por segundos
return false;
});
});
</script>
Código:
<table class="barra">
<tr>
<td class="submenuOff"><a href="page1.php">Link1</a></td>
<td class="submenuOff"><a href="page2.php" >Link2</a></td>
</tr>
</table>
Un saludo