$(document).ready(function() {
 // hides the recent as soon as the DOM is ready
  $('#recent').hide();
 // shows the recent on clicking the noted link  
  $('#show').click(function() {
    $('#recent').show('slow');
    return false;
  });
 // hides the recent on clicking the noted link  
  $('#hide').click(function() {
    $('#recent').hide('fast');
    return false;
  });
 
 // toggles the recent on clicking the noted link  
  $('#toggle').click(function() {
    $('#recent').toggle(400);
    return false;
  });
});