How to hide blocks outside of a click?

Question

JavaScript

with this markup (that is, without changing the markup)

clicked on the active language - the submenu opens

clicked outside the active language - the submenu is hidden
https://jsfiddle.net/Lmr1kp6f/2/

Answer 1

$('.language-chooser li').on('click', function(evt) {
  evt.stopPropagation();
  evt.preventDefault();
  $('.language-chooser li').show(); // show all languages
});

$(document).on('click', function(evt) {
  $('.language-chooser li:not(.active)').hide(); // hide inactive languages
});