$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner than page load)
  $('#slickbox').hide();
  $('#slickbox2').hide();

  
//SLICKBOX1
 // slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle').click(function() {
    $('#slickbox2').hide();

    $('#slickbox').slideToggle(400);
    return false;
  });

//SLICKBOX2
// slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });

  $('#slick-up2').click(function() {
    $('#slickbox2').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle2').click(function() {
    $('#slickbox').hide();


    $('#slickbox2').slideToggle(400);
    return false;
  });

});