urgent help please.

[fantomel]

hello ppl i`m in a hurry and i need some fast help with a problem.

 

/*
$(' div#main a ').hide();          // for hiding links by default
$(' div#main ').hover(function() {
$(this).child("a").show();          // shows links on mouseIn
},
function() {
$(this).child("a").hide();          // hides links on mouseOut
});
*/

/*$(document).ready(function(){
$("li a, .features").hover(function() {
$(".features").show().stop();
},
function() {
$(".features").hide().stop();
});
});
*/

$(document).ready(function(){
    $("a").mouseover(function(){
        $(this).next(".features").show();
    }).mouseout(function(){
        $(this).child(".features").hide();
    });
});

 

when i`m going over with the mouse it shows what it needs but when i`m out it remains doesn`t show the thumbail.

[fantomel]

i have started to build the code from scratch and i have encountered another problem

 

$(document).ready(function(){
                $('.work li a img').mouseover(function(){
				$('.work li a img').append('.features');
				$('.features').css('display', 'block');
                });
                
                $('.work li a img').mouseout(function(){
                    $(".features").css('display', 'none');
                });  
            })

when i`m going with the mouseover it goes on and on doesn't stop and showing only the second div.