Using jQuery Visited Plug-In.
Wall Script
Follow Me:
Friday, June 05, 2009

Using jQuery Visited Plug-In.

My old post Visited links with CSS. today adding jQuery.visited.js plug-in. Visited links hide with jQuery when clicking on show all button it displays already visited links list in slide effect. Just take a look at live demo.




Download Script     Live Demo


Javascript code
Contains jQuery code calling visited function.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.visited.js"></script>
<script type="text/javascript" >
$(function ()
{
$('#links a').visited(function () {
$(this).parent().hide();
});

$('#show').click(function () {
$('#links a').visited(function () {
$(this).parent().slideDown(200);
});
$(this).fadeOut();
$("#refresh").fadeIn();
return false;
});
});
</script>

HTML Code.
Here refresh button style="display:none"
<div id="links">
<ul class="block">
<li&gt;<a href="link-1">Title 1.</a></li>
<li><a href="link-2">Title 2.</a></li>
<li><a href="link-3">Title 3.</a></li>
.
.
.
</ul>
</div>

<a href="#" id="show">Show all visited link</a>
<a href="#" style="display:none" id="refresh"> Refresh </a>

More Tutorials : Take a look at this link
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


2 comments:

  1. oh cool, a plugin that limits usability!

    ReplyDelete
  2. we can do a:visited too on CSS kode...
    nice trick

    ReplyDelete

Make in India