JS как скрыть блок при нажатии в любом месте? в том числе и по этому блоку

пожалуйста подскажите. При добавлении класса сейчас меняется высота, как при клике на любую точку экрана, после выполнения скрипта конечно, скрыть обратно всё это дело?

<div class="term-description">text text text</div>

<script>
var btns = document.getElementsByClassName('term-description');
btns[0].onclick = function() {
  btns[0].classList.add("term-description-open");
}
</script>