<style>
.phPar {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
overflow: hidden;
}
.active{opacity:1;}
.middleL{
-webkit-transform: rotate(45deg) !important;
-ms-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
overflow: hidden;
}
.phChl, .linkH{
transition: all 0.4s ease-in-out;
}
.linkH.actBtn {
border-bottom: 3px solid #fff !important;
}
.mvDown{
-webkit-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%);
opacity:0;
}
.mvUp{
-webkit-transform: translateY(-120%);
-ms-transform: translateY(-120%)
transform: translateY(-120%);
opacity:0;
}
</style>
<script>
$(document).ready(function(){
var IDZero = "#rec166121041";
$(IDZero+' div[data-elem-type="image"] a').parent().addClass('phPar');
$(IDZero+' div[data-elem-type="image"] a>img').addClass('phChl');
$(IDZero+' div[data-elem-type="text"] a').addClass('linkH');
$('.linkH').click(function(event){event.preventDefault()});
$('.phPar a').addClass('middleL');
$('.linkH:first').addClass('actBtn');$('.phChl').not(':first').addClass('mvUp');
$('.phChl:first').addClass('active');
$('.linkH').hover(function(){if(!$(this).hasClass('actBtn')){
$('.linkH').removeClass('actBtn');$(this).addClass('actBtn');
linkH = $(".linkH").index(this);$('.mvUp').removeClass('mvDown');
$('.active').addClass('mvDown');$('.phChl:eq('+linkH+')').removeClass('mvUp').addClass('active');
$('.mvDown').removeClass('active');setTimeout(function(){$('.mvDown').addClass('mvUp'); }, 400);
setTimeout(function(){if(!$('.phChl').hasClass('active')){
$('.phChl:eq('+linkH+')').removeClass('mvUp mvDown').addClass('active');}; },600); }; },function(){});
});
</script>