JQuery анимация hover

Question

На моем веб-сайте у меня есть изображение, которое при наведении курсора поднимается, используя это.

HTML

<div class="first"> 
<a href="#dialogdemo" name="modal"><img src="images/1sticon.png" alt=" " border="0"/></a> 
    <div class="support"> 
    <img src="images/orpan.png" alt=" " /> 
    </div> 
</div> 

Jquery

$('.first img').hover(
    function(){ 
    $(this).stop().animate({marginTop:'-25px',}, 300); 
    }, 
    function(){ 
    $(this).stop().animate({marginTop:'0px',}, 300); 
    } 
); 

, но у меня есть еще одно изображение на задней части его, что при наведении курсора я хочу изображение выше, чтобы оставаться на своем месте, и когда MouseOut его 1-й изображение сверху будет снижаться, чтобы покрыть изображение под ним (обратное изображение).

Answer 1

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

$('.support1 img').live('mouseenter',function(){ 
    "your code" 
}).live('mouseleave',function(){ 
    "your code" 
});