JSFiddle - React, Tailwind, and code Playground

HTML

<div id="lang-from">From: <span>LANGUAGE</span>
    <ul id="lang-content">
        <li>English</li>
        <li>French</li>
        <li>Hindi</li>
    </ul>
</div>

CSS

#lang-content {
     display: none;
    list-style-type:none;
 }

JavaScript

$(document).ready(function () {
    $("#lang-from").click(function () {
        $("#lang-content").slideToggle(350);
    });

    $("#lang-content li").click(function (e) {
        e.stopPropagation();
        $("#lang-content").slideUp(350);
        $("#lang-from span").text($(this).text());
    });

});