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
