<select>幻灯片选项，而不仅仅是打开

Question

我真的不确定如何创建这种行为。我正在尝试将幻灯片动画添加到＆lt; select＆gt;什么时候打开。有没有一种正确的方法来使用bootstrap或jquery？我已经找了一段时间，但无法想出答案 例 HTML ＆lt; select class =“form-control”＆gt;     ＆lt; option＆gt;第一项＆lt; / option＆gt;     ＆lt; option＆gt;第二项＆lt; / option＆gt; ＆LT; /选择＆GT; JavaScript的 $（“。form-control”）。on（'click'，function（）{         $（本）.slideToggle（）;     }; 编辑：我正在寻找类似于我包含的Javascript的东西。我实施了大约90个盒子，我真的不想手动更换每个盒子。我宁愿有一个自动适用于一切的全面解决方案。

Answer 1

看看这个： https://jqueryui.com/selectmenu/

它将原生SELECT替换为可以完全样式化的自定义版本。您可以使用一些CSS转换，甚至可以将jQuery的slideDown()和slideUp()方法应用到菜单中。

更新：这是一个有效的例子：https://jsfiddle.net/xfxbufdx/1/