JSFiddle - React, Tailwind, and code Playground

HTML

<div class='input-select'>
  <button class='btn isSelector btn-success' type='button'>Add language</button>
  <input class='hidden hidden-input' type='text'>
  <div class='selection'>
    <div class='well pad10 no-border'>
      <div class='text-right'>
        <a class='padBtm5 gray isSelector' href='#' onclick='return false;'>
          <span class='fa fa-close'></span>
        </a>
      </div>
      <ul class='list-unstyled'>
        <li class='padBtm5'>
          <h5>
            <a class='lang black' href='#' onclick='return false;'>Rails</a>
          </h5>
        </li>
        <li class='padBtm5'>
          <h5>
            <a class='lang black' href='#' onclick='return false;'>JavaScript</a>
          </h5>
        </li>
        <li class='padBtm5'>
          <h5>
            <a class='lang black' href='#' onclick='return false;'>HTML</a>
          </h5>
        </li>
        <li>
          <h5>
            <a class='lang black' href='#' onclick='return false;'>PHP</a>
          </h5>
        </li>
      </ul>
    </div>
  </div>
</div>

JavaScript

$(document).click(function(e) {
  if (!$(e.target).closest('.input-select').length) {
    $('.selection').fadeOut();
  } else {
    alert('test');
  }
});