$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('.code').hide();
  $('.web').hide();
  $('.product').hide();
  $('.webdev').hide();
  $('.ui').hide();
  
 // Code Optimization    
  $('a.slick-down').click(function() {
    $('.code').slideDown('slow');
    return false;
  });
  $('a.slick-up').click(function() {
    $('.code').slideUp('fast');
    return false;
  });
  $('a.code-slidetoggle').click(function() {
    $('.code').slideToggle(400);
    return false;
  });
  
 // Web and Brand Consulting   
  $('a.slick-down').click(function() {
    $('.web').slideDown('slow');
    return false;
  });
  $('a.slick-up').click(function() {
    $('.web').slideUp('fast');
    return false;
  });
  $('a.web-slidetoggle').click(function() {
    $('.web').slideToggle(400);
    return false;
  });  

 // Web and Brand Consulting   
  $('a.slick-down').click(function() {
    $('.product').slideDown('slow');
    return false;
  });
  $('a.slick-up').click(function() {
    $('.product').slideUp('fast');
    return false;
  });
  $('a.product-slidetoggle').click(function() {
    $('.product').slideToggle(400);
    return false;
  });  

 // Web Design and Development    
  $('a.slick-down').click(function() {
    $('.webdev').slideDown('slow');
    return false;
  });
  $('a.slick-up').click(function() {
    $('.webdev').slideUp('fast');
    return false;
  });
  $('a.webdev-slidetoggle').click(function() {
    $('.webdev').slideToggle(400);
    return false;
  });  
  
 // User Interface Design    
  $('a.slick-down').click(function() {
    $('.ui').slideDown('slow');
    return false;
  });
  $('a.slick-up').click(function() {
    $('.ui').slideUp('fast');
    return false;
  });
  $('a.ui-slidetoggle').click(function() {
    $('.ui').slideToggle(400);
    return false;
  });  
});