javascript - How to hide visited links after a click to button?

Question

There are a list of links on a page and some of them are already visited by me. I have to make them invisible after any action(checking a checkbox, clicking button, etc).

I tried to use jQuery: $("a:visited").hide(300); but it doesn't seem to work.

UPD: So, the scenario is:

1) the user clicks a button;

2) all the visited links disappear.

jsFiddle example

Answer 1

You can try full CSS method :

a:visited { display: none; }

Or

a:visited { visibility: hidden; }

Or you can use a plugin method : Visited Plugin by Remy Sharp

Usage in jQuery :

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

With CSS :

.visited { display: none; }

Or

.visited { visibility: hidden; }