jQuery Simple Example

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<div class="wrapper">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

SCSS

.wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  
  .col {
    width: 200px;
    height: 200px;
    background-color: gold;
    
    &.change-color {
      background-color: #000;
    }
  }
}

JavaScript

$(document).ready(function() {
  $('.col').on('click', function() {
   if ( $(this).hasClass('change-color') ) {
    $(this).removeClass('change-color');
  	} else {
    $('.col').removeClass('change-color');
  	$(this).addClass('change-color');
   }
  });
      $(document).click( function(event){
      if( $(event.target).closest('.col').length ) 
        return;
      $('.col').removeClass('change-color');
      event.stopPropagation();
    });
});