$(document).ready(function() {
    var time;
    function start(item)
    {
        $(item).children(".photo_name").slideDown(500).css("opacity", "0.6")   
    }     
    $(".photo_item").mouseleave(function()
    {
        clearInterval(time);
        $(this).children(".photo_name").slideUp(500)
    });
    $(".photo_item").mouseenter(function()
    {
        var item = $(this);
        time = setInterval(function() { 
            start(item); 
        }, 300);     
    });  
});