E-mail
<style>
.triggericon , .triggerline {
    transition:all 0.3s ease-in-out;
}
/*Стиль блокировки кнопки*/
.activetrigger{ 
   font-weight: 600 !important;
}
.activetriggerline{
    background-color: #ff0000 !important;
    box-shadow: 0 1px 0 0px #ff0000;
}


</style>
<script>
   $( document ).ready(function() {
      $('a[href="#triggericon"]').addClass('triggericon');
      $('a[href="#triggerline"]').addClass('triggerline');
       $('.triggericon:first').addClass('activetrigger');
       $('.triggerline:first').addClass('activetriggerline');
 
 
       $('.triggericon').click(function(e) {e.preventDefault();
       if(!$(this).hasClass("activetrigger")) {
       var trnum = $('.triggericon').index(this);
       $('.triggericon').removeClass('activetrigger');
       $('.triggerline').removeClass('activetriggerline');
       $(this).addClass('activetrigger');
       $('.triggerline:eq('+trnum+')').addClass('activetriggerline');
       }; });});
</script>   
Made on
Tilda