Toggle a class, and remove the class when you click ANYWHERE ELSE on the document.

toggle-class-on-stuff.js

$( document ).ready(function() {
 
  $(function() { // TOGGLE CLASS ON ELEMENT
    $(".tile-top").on("click", function() { 
      $(this).toggleClass('active'); });
  }); //END TOGGLE CLASS
  
  $(function() {  // REMOVE CLASS WHEN YOU CLICK, EXCLUDE ELEMENTS
    var ignore= Array(".tile-top", // elements to ignore
                      ".tile-bottom");
    ignore.forEach(function (item) { // loop through ignore array
      $(item).click(function(){ return false; }); // ignore item
    });
    $(document).on("click", function() { // remove class when you click anywhere else
      $(".tile-top").removeClass('active'); });
  });// END REMOVE CLASS
   
});

Thanks! working like charm