Nslupko

slider.images.eq(i).css({left: 'auto', right: 0, bottom:0}).animate({
            width: '100%', 
        }, 500);
        $(this).css({left: 0, right: 'auto', bottom: 0});

bottom c auto на 0 поменять

<div classname="wrapper">
<div classname="card"/>
<p classname="hidden-text">Hidden text</p>
</div>

.hidden-text{
 opacity: 0;
}
.wrapper:hover{
    transition: 0.2 ease;
    .card{
        transform: scale(1.2);
    }
    .hidden-text{
        opacity: 1;
    }
}

если не используешь препроцессоры вроде scss, то надо все классы внутри wrapper расписывать по цепочке вроде .wrapper:hover.card{}