[SOLUCIONADO] Estilo y texto a clase seleccionada con jQuery

[El_Astur]

Buenas,

tengo la siguiente función para darle un color de fondo al enlace que vaya con esa clase, pero ocurre que después no se quita ese fondo de cuando está seleccionado. Es decir, le pongo un gris pero luego, una vez que cierro el desplegable, el enlace sigue con el background gris. ¿Hay alguna forma de que una vez que se clickee de nuevo el enlace vuelve al color que tenía antes de seleccionarlo? ¿Y se podría agregar algo de código para cambiar el texto del enlace mientras está seleccionado o habría que hacerlo en otra función?


$(function () {
$('.seleccionado').click(function (event) {
var $target = $(event.target);
var $li = $target.parent();
$li.addClass('selected').siblings().removeClass('s elected');
});
});


Un saludo!!!!

[diurno10]

podrias poner el codigo html asi me guio mejor, gracias

[El_Astur]

<dt class="view-item">
<a href="#" class=" seleccionado">view / edit</a>
</dt>

Es éste, no lo había puesto porque sería poner el color de fondo y, cambiar el texto si se puede, a todos los enlaces que llevasen esa clase.

Un saludo!!!!

[Alexis88]

Basta con que, en cada clic que se le de al enlace, se verifique si posee la clase 'seleccionad'; de ser así, se la quitas, caso contrario, se la asignas.

Código Javascript:

$('dt a').click(function (event) {
    if ($(this).hasClass('seleccionado'))
        $(this).removeClass('seleccionado');
    else
        $(this).addClass('seleccionado');
});
 

Saludos

[El_Astur]

Me ha funcionado correctamente!! muchas gracias