Aggiungere/rimuovere classe css a ogni click

[rozzilla]

Aggiungere/rimuovere classe css a ogni click

Esiste un modo per aggiungere alternativamente una classe, ad esempio a un div, quando si clicca la prima volta su un elemento, quindi rimuoverla quando si clicca la seconda volta sullo stesso elemento?

Faccio un esempio:

ho un div linkabile, (<div id="linkabile">) e un altro div che deve comportarsi come risultato (<div id="risultato">)

1° click su div linkabile, al div risultato aggiungo la classe ".linkato"
2° click su div linkabile, al div risultato rimuovo la classe ".linkato"
3° click su div linkabile, al div risultato aggiungo la classe ".linkato"
4° click su div linkabile, al div risultato rimuovo la classe ".linkato"
5° ecc.

Come è possibile far ciò usando css / css3 PURO? NON javascript?

[alessio.angeloro]

Non con CSS, puoi usare jQuery addClass/removeClass

[rozzilla]

@Alessio Angeloro said:

Non con CSS, puoi usare jQuery addClass/removeClass

Sisi usavo già jquery per farlo, é che speravo esistesse un metodo per ottenere lo stesso risultato con html e css puri.

Ho visto che sfruttando l'attributo :target si può aggiungere una classe a un div senza usare js... purtroppo toglierla pare proprio non sia possibile

[alessio.angeloro]

Si è vero ma come giustamente osservi tu, la classe non la puoi rimuovere, poi ti rimane il problema che non lo vedi su tutti i browser.

[rozzilla]

@Alessio Angeloro said:

Si è vero ma come giustamente osservi tu, la classe non la puoi rimuovere, poi ti rimane il problema che non lo vedi su tutti i browser.
Peccato...