¿Cómo ocultar enlaces visitados después de hacer clic en un botón?

Hay una lista de enlaces en una página y algunos de ellos ya los he visitado. Tengo que hacerlos invisibles después de cualquier acción (marcar una casilla, hacer clic en el botón, etc.).

Intenté usar jQuery: $("a:visited").hide(300); pero parece no funcionar

UPD : Entonces, el escenario es:

1) el usuario hace clic en un botón;

2) desaparecen todos los enlaces visitados

Ejemplo jsFiddle

Puede probar el método completo de CSS :

 a:visited { display: none; } 

O

 a:visited { visibility: hidden; } 

O puede usar un método de complemento: Plugin visitado por Remy Sharp

Uso en jQuery :

 $('a').visited().addClass('visited'); 

Con CSS :

 .visited { display: none; } 

O

 .visited { visibility: hidden; } 

Ok, intenta esto

en tu archivo css

 .foo a:visited{ display:none; } 

en tu javascript

 $('button').on('click', function(e){ $('ul').addClass('foo'); })