Максим

<родитель>
  <потомок>
     какая то инфа
  </потомок>
  <скрытый потомок>
     какая то инфа
 </скрытый потомок>
</родитель>

скрытый потомок {
  opacity:0;
  visibility:hidden;
  transform:translateX(-100%);
  transition:0.34s
}
родитель:hover скрытый потомок {
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}

.clear,
.clear:after,
.clear:before{
  content:"";
  display:block;
  clear:both;
}

<div class="item clear"></div>
<div class="item--popular clear"></div>
<div class="item--credit clear"></div>
<div class="item--reviews clear"></div>