Hi !
Puedes utilizar esta función que encontré por ahi:
Su uso y utilidad: pasamos a la función una referencia a un elemento DOM (obtenida mediante document.getElementById('elIdentificador') ) y un nombre de clase. Si el atributo class del elemento ya contiene dicho nombre, se elimina. Si no lo contiene, se añade. Código HTML:
function toggleClassName(el, name) {
// indica si hemos eliminado o no la clase
var deleted = false;
// obtenemos un array de nombres de clase
// dividiendo la cadena `className` en cada
// espacio
var aClasses = el.className.split(' ');
// recorremos el array para averiguar si
// contiene o no la clase que deseamos
// añadir/eliminar
for (var i = 0; !deleted && i < aClasses.length; ++i) {
if (aClasses[i] == name) { // si la contiene
// eliminamos el ítem del array
delete(aClasses[i]);
// e indicamos que ya la hemos borrado
deleted = true;
}
}
if (!deleted) { // si no la hemos borrado
// hay que añadirla, hagámoslo
aClasses[aClasses.length] = name;
}
// volvemos a convertir el array en una cadena
// y la asignamos al atributo `class`
el.className = aClasses.join(' ');
}
Usando la libreria PROTOTYPE puedes hacerlo mas facilmente.
P.D: A no ser que estes imprimiendo la clase desde un PHP esta solución, como puedes ver es de JAVASCRIPT.
Espero te sea util !
-ByE-