$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#details1').hide();
 // shows the slickbox on clicking the noted link  
  $('a#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
 // hides  article 1 on clicking the noted link  
  $('a#close1').click(function() {
    $('#details1').hide(800);
    return false;
  });
 // toggles article 1 on clicking the noted link  
  $('a#expand1').click(function() {
    $('#details1').toggle(800);
    return false;
  });
 // hides and toggles  article 2 on clicking the noted link  
  $('a#close2').click(function() {
    $('#details2').hide(800);
    return false;
  });
  $('a#expand2').click(function() {
    $('#details2').toggle(800);
    return false;
  });
 // hides and toggles  article 3 on clicking the noted link
  $('a#close3').click(function() {
    $('#details3').hide(800);
    return false;
  });
  $('a#expand3').click(function() {
    $('#details3').toggle(800);
    return false;
  });
 // hides and toggles  article 4 on clicking the noted link
  $('a#close4').click(function() {
    $('#details4').hide(800);
    return false;
  });
  $('a#expand4').click(function() {
    $('#details4').toggle(800);
    return false;
  });
  // hides and toggles  article 5 on clicking the noted link
  $('a#close5').click(function() {
    $('#details5').hide(800);
    return false;
  });
  $('a#expand5').click(function() {
    $('#details5').toggle(800);
    return false;
  });
 // hides and toggles  article 6 on clicking the noted link
  $('a#close6').click(function() {
    $('#details6').hide(800);
    return false;
  });
  $('a#expand6').click(function() {
    $('#details6').toggle(800);
    return false;
  });
});