Jquery 如何创建此选择器

我想创建一个这样的选择器，点击一个div，它必须显示其他选项，如在图像中，选择另一个选项后，它必须显示div中的选定值

---

此图像来自

您可以执行以下操作：

<div id="drop-button">
    From: LANGUAGE
    <ul id="drop-content">
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
    </ul>
</div>

<style>
    #drop-content { display: none; }
</style>

<script>
    $(document).ready(function() {
        $("#drop-button").toggle(function() {
            $("#drop-content").fadeIn(350);
        }, function() {
            $("#drop-content").fadeOut(350);
        });
    });
</script>

JsFiddle：

应该有效。

请参见：

---

我在想该怎么做？在问之前你不试试吗？完成但没有得到任何结果使用选项仅在一行中显示数据我想要6行数据Orry mate，错过了一个双引号，现在应该可以工作了。是的，它工作正常，但无法选择相应的项目值感谢回复我得到了结果，我可以提供帮助，别忘了接受正确的答案。这是正确的。还有一件事我想在每行显示5个数据项看到这个：谢谢得到了想要的结果

$(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());
  });

});