if-else condition avec la fonction hover?

Puis-je définir des if-else condition avec la fonction hover? Je veux charger une page en regard du texte le lien quand je hover et je veux être en mesure de passez la souris/la souris sur le contenu chargé. Mais ce chargement de contenu sera supprimé en vertu de deux situations:

1. lorsque la souris laisser le contenu chargé
2. lorsque la souris quitter la boîte qui contient le texte du lien

mais j'ai le problème avec la situation numéro 2 - si j'applique la fonction hover sur le numéro 2, le numéro 1 du ne marchera pas. Le contenu chargé est retiré immédiatement lorsque ma souris laisser le lien de texte de la boîte.

Donc, je pense de mettre d'autre-si l'état de la fonction hover si possible (ou tout autres idées si vous en avez une?) Je veux supprimer le contenu chargé uniquement si la situation le nombre ne se produit pas. Si j'ai on passe la souris dessus sur le contenu chargé, puis ne s'appliquent pas de la situation numéro 2, jusqu'à ce que ma souris quitter le chargé de la zone de contenu.

Ci-dessous est le jQuery (pour la situation numéro 1):

$(document).ready(function() {
$(".button").hover(function(e){
$('.wrapper-item-content').remove();
var parent = $(this).parent();
$(this).parent().addClass('current');
var parent_top = parent.offset().top-180;
var parent_left = parent.offset().left+80;
$("body").append('<div class="wrapper-item-content"></div>');
$(".wrapper-item-content").css({
top: parent_top,
left: parent_left,
position: 'absolute',
zIndex: '100',
width: '350px',
height: '100%',
overflow: 'visible',
border: '1px solid #000'
});
var path_url = $(this).attr('href');
var path_file = $(this).attr('rel');
var item_wrapper = $('.wrapper-item-content');
var array_url = path_url.split('/');
var pg_url = $(array_url).last()[0];
item_wrapper.load(path_file+'?url='+pg_url, function(){
item_wrapper.hover(function() {
item_wrapper.addClass('mouseenter');
},function(){
item_wrapper.removeClass('mouseenter');
parent.removeClass('current');
item_wrapper.remove();
});    
parent.hover(function() {
//something
},function(){
if(item_wrapper.hasClass('mouseenter'))
{
//alert('has mouseenter');
}
else
{
//alert('has no mouseenter');
//parent.removeClass('current');
//item_wrapper.remove();
}
});
});
},
function(){
});    
});

Le code html:

<div class="box"><a href="#" class="button" rel="content.php">Hover me</a></div>