problema toggleClass Jquery

[eduardobrutaldeath]

Hola a todos

Código Javascript:

$(function(){
 
    $('li').click(function(){
        $(this).toggleClass('liback');
 
        $('.liback').css('background', '#000');
    });
 
});
 

Lo que he hecho ha sido crear unas listas, y cada vez que se pinche en ellas el fondo cambiará a negro. El TOGGLE lo que hace es agregar una clase en caso el elemento no la tenga y quitarla en caso la tenga. Mi código funciona bien hasta aquí:

Cuando doy click a un elemento 'LI' se crea una clase

Luego se pinta de negro

Y si vuelvo a hacer click se quita el CLASS pero, el fondo no regresa a blanco...

Y es extraño porque, al hacer click nuevamente en las listas se quitan las clases (lo veo en la consola), y al irse se deberían quitar también los estilos, pero no sé por qué no pasa... ¿alguien me entiende?

[geofran80]

Buenas tardes Eduardobrutaldeath,

Yo lo que haría sería disponer de las clases CSS en un fichero .css y usar toggleClass desde javascript con JQuery. Ten en cuenta que toggleClass lo que hace es habilitar si no está habilitada la clase para el elemento del DOM seleccionado, y si está elimina del atributo class.

Saludos cordiales.
Francisco J.