<style>
.triggericon {
    transition:all 0.3s ease-in-out;
}
/*Стиль блокировки кнопки*/
.activetrigger{ 
    box-shadow: 0px 0px 0px 10px #91e3ff;
    
}
</style>
<script>
   $( document ).ready(function() {
      $('a[href="#triggericon"]').addClass('triggericon');
      $('a[href="#contpic"]').closest('.t396__elem').addClass('contpic').hide();
      $('a[href="#context"]').addClass('context').hide();
       $('.triggericon:first').addClass('activetrigger');
       $('.triggericon:eq(5)').addClass('activetrigger');
       $('.btn-trigger').hide();
       $('.contpic:first , .context:first , .btn-trigger:first ').show();
       
       $('.triggericon').click(function(e) {e.preventDefault();
       
           if(!$(this).hasClass("activetrigger")) {
           let trnum = $('.triggericon').index(this);
           

           
           $('.triggericon').removeClass('activetrigger');
           $(this).addClass('activetrigger');
           
            if(trnum>4) {
               trnum-=5;
               $('.triggericon:eq('+trnum+')').addClass('activetrigger');
               
            }else{
                $('.triggericon:eq('+(trnum+5)+')').addClass('activetrigger');
            };
           
           
           $('.contpic , .context , .btn-trigger ').hide(0);
           $('.contpic:eq('+trnum+'), .context:eq('+trnum+') , .btn-trigger:eq('+trnum+') ').show(0);
           }; 
           
       });
       
   });
</script>