Спасибо за ответы, о стопе я и не вспомнил. решилось вот так:
$('.str_block')
.on( "mouseenter", function() {
$(this).children(".record_del").animate({ opacity: 1 }, 500);
})
.on( "mouseleave", function() {
$(this).children(".record_del").stop();
$(this).children(".record_del").css({opacity: 0});
});