Javascript 单击插入符号后如何显示下拉列表？

我在那个按钮/Portlet中有一个HTML设计。我有一个fa-fa插入符号，单击该插入符号后，它将显示下拉列表（默认情况下是隐藏的）

我已经编写了一个Jquery代码来删除该下拉列表中的隐藏类，但它不能正常工作

$（.Caret”）。单击（函数（）{
if（$（“.dropdown menu”）.hasClass（“隐藏”））
$（“.dropdown menu”）.removeClass（“隐藏”）；
});





注意：-您需要添加
span
类，在
span
类中，您可以编写
并在
标记上添加切换类来解决此问题







单击“锚定”标记触发的事件。此外，还可以使用内联样式“display”属性

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li>
  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i id="carett" class="fa fa-caret-down pull-right hidden Caret"></i > ' + ButtonName + '</a >
  <ul id="ddlist1" class="dropdown-menu" style="display:none">
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
  </ul>
</li>

<script>
$(".dropdown-toggle").click(function () {
  if ($(".dropdown-menu").css("display") == "none")
    $(".dropdown-menu").css("display", "block");
});
</script>







$（“.dropdown toggle”）。单击（函数（）{
如果（$（“.dropdown menu”）.css（“显示”）=“无”）
$（“.dropdown menu”）.css（“显示”、“块”）；
});
整个东西意味着人名和插入符号彼此相邻
设置
如果我像你提到的那样修改代码，它会受到干扰。