//when the DOM is ready 
$(document).ready(function() {
  //store in a variable the second paragraph
  //the first is 0, second is 1 in JS
  var $set1 = $('.menu-item1');
  var $set2 = $('.menu-item2');
  var $set3 = $('.menu-item3');
  var $set4 = $('.menu-item4');
  //use hide() method to hide it
  $set1.hide();
  $set2.hide();
  $set3.hide();
  $set4.hide();
  
  
  //when you click on more link
  $('a.more1').click(function() {
	//show the second paragraph
	//using slideToogle() method
	//slow=6sec normal=4sec fast=2sec
    $set1.slideToggle('slow');
	
  //keep the link from activating 
  //its default action
  return false;
							 
  });
  //when you click on more link
  $('a.more2').click(function() {
	//show the second paragraph
	//using slideToogle() method
	//slow=6sec normal=4sec fast=2sec
    $set2.slideToggle('slow');
	
  //keep the link from activating 
  //its default action
  return false;
							 
  });
  //when you click on more link
  $('a.more3').click(function() {
	//show the second paragraph
	//using slideToogle() method
	//slow=6sec normal=4sec fast=2sec
    $set3.slideToggle('slow');
	
  //keep the link from activating 
  //its default action
  return false;
							 
  });
  //when you click on more link
  $('a.more4').click(function() {
	//show the second paragraph
	//using slideToogle() method
	//slow=6sec normal=4sec fast=2sec
    $set4.slideToggle('slow');
	
  //keep the link from activating 
  //its default action
  return false;
							 
  });
  
});