$('.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
});
transform: translateY(100px); -> transform: translateY(0);
opacity: 0 -> opacity: 1;
transform: translate(-50%, 0); -> transform: translate(-50%, -50%);
top: auto; -> top: 50%;
opacity: 1; -> opacity: 1;