JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-phone">main</div>
<div class="main-phone">main</div>

CSS

.active {
    color: red;
}

JavaScript

document.addEventListener('click', function(){
  $('.main-phone').removeClass('active');
});
$('.main-phone').click(function(e){
  $('.main-phone').removeClass('active');
  e.stopPropagation();
  $(this).addClass('active');
});