[GBelka]

Для полноты картины:

$(document).ready(function() {

  var closeAll,
	$Link1 = $('#icons'),
	$Link2 = $('#how'),
	$Link3 = $('#about'),
	$Link4 = $('#service'),
	$opener1 = $('#clickarea2'),
	$opener2 = $('#clickarea3'),
	$opener3 = $('#clickarea4'),
	$opener4 = $('#clickarea1');
	
	$($Link1).animate({"top": "-591px"}, 0);
	$($Link2).animate({"left": "970px"}, 0);
	$($Link3).animate({"top": "591px"}, 0); 
	$($Link4).animate({"left": "-970px"}, 0); 	

  $opener1.click(function() {
	$($Link2).animate({"left": "970px"}, "slow").removeClass('expanded');
	$($Link3).animate({"top": "591px"}, "slow").removeClass('expanded'); 
	$($Link4).animate({"left": "-970px"}, "slow").removeClass('expanded'); 
  if($Link1.css('top')==0) {
  //alert('0 point');
  } else {
  $Link1.animate({"top": "0px"}, "slow").addClass('expanded');
  }
      return false;
  });
 
  $opener2.click(function() { 
	$($Link1).animate({"top": "-591px"}, "slow").removeClass('expanded');
	$($Link3).animate({"top": "591px"}, "slow").removeClass('expanded'); 
	$($Link4).animate({"left": "-970px"}, "slow").removeClass('expanded'); 
  if($Link2.css('left')==0) {
  //alert('0 point');
  } else {
  $Link2.animate({"left": "0px"}, "slow").addClass('expanded');
  }
      return false;
  });
 
  $opener3.click(function() {
	$($Link1).animate({"top": "-591px"}, "slow").removeClass('expanded');
	$($Link2).animate({"left": "970px"}, "slow").removeClass('expanded');
	$($Link4).animate({"left": "-970px"}, "slow").removeClass('expanded'); 
  if($Link3.css('top')==0) {
  //alert('0 point');
  } else {
  $Link3.animate({"top": "0px"}, "slow").addClass('expanded');
  }
      return false;
  });
 
  $opener4.click(function() {
	$($Link1).animate({"top": "-591px"}, "slow").removeClass('expanded');
	$($Link2).animate({"left": "970px"}, "slow").removeClass('expanded');
	$($Link3).animate({"top": "591px"}, "slow").removeClass('expanded'); 
  if($Link4.css('left')==0) {
  //alert('0 point');
  } else {
  $Link4.animate({"left": "0px"}, "slow").addClass('expanded');
  }
      return false;
  });
  //
  $Link1.click(function() {
		return false;
	});
  $Link2.click(function() {
		return false;
	});
  $Link3.click(function() {
		return false;
	});
  $Link4.click(function() {
		return false;
	});	
  
  //Next  
  
  $(document).not($Link1).click (function() {
    closeAll = setTimeout(function() {
      $Link1.animate({top: '-591'}, "slow");
    }, 1000);
  }).mouseenter(function() {
    clearTimeout(closeAll);
  });

  $(document).not($Link2).click (function() {
    closeAll = setTimeout(function() {
      $Link2.animate({left: '970'}, "slow");
    }, 1000);
  }).mouseenter(function() {
    clearTimeout(closeAll);
  });

  $(document).not($Link3).click (function() {
    closeAll = setTimeout(function() {
      $Link3.animate({top: '591'}, "slow");
    }, 1000);
  }).mouseenter(function() {
    clearTimeout(closeAll);
  });

  $(document).not($Link4).click (function() {
    closeAll = setTimeout(function() {
      $Link4.animate({left: '-970'}, "slow");
    }, 1000);
  }).mouseenter(function() {
    clearTimeout(closeAll);
  });

});

Планировала каждую из этих
$($Link1).animate({"top": "-591px"}, 0);
$($Link2).animate({"left": "970px"}, 0);
$($Link3).animate({"top": "591px"}, 0);
$($Link4).animate({"left": "-970px"}, 0);

запихнуть просто в нечто вроде
function x(){
$($Link1).animate({"top": "-591px"}, 0);
};
и далее вместо бесконечных повторов вставлять
x();

но что-то выдаёт мне undefined при встрече с x();