увеличить размер области мыла

Question

<http://jsfiddle.net/RBJ9R/1504/> 

Я бы хотел, чтобы область триггера мыши увеличивалась, чтобы включить изображение, а также область исходного мыши (серая коробка). Я хотел бы, чтобы пользователь мог видеть изображение, если он переместился в область изображения.

спасибо!

#slender-trigger { 
background-color: #CCC; 
height: 100px; 
width: 120px; 
margin-left: 0px; 
margin-top: 50px; 
position: absolute; 
} 
#slender { 
font-family: 'Strait', sans-serif; 
height: 400px; 
width: 400px; 
border: thin dotted #F00; 
position: absolute; 
margin-top: 50px; 
margin-left: 120px; 
display: none; 
} 


<div class="purchasing-tips"> 
<div id="slender-trigger">nnnn</div> 
<div id="slender" style="background-image:url(http://lorempixel.com/120/100/people); height: 100px; width: 120px; border: 1px solid black;">sadfasdf</div> 
</div> 

$("#slender-trigger").on("mouseenter", function() { 
    $("#slender").show(); 

}).on("mouseleave", function() { 
    $("#slender").hide(); 
}); 

Answer 1

Просто напишите так:

$("#slender-trigger, #slender").on("mouseenter", function() { 
     $("#slender").show(); 

}).on("mouseleave", function() { 
     $("#slender").hide(); 
}); 

here is jsfiddle