Jquery 下拉菜单不切换和类似按钮

我正在动态创建一个引导下拉菜单。最初，它看起来像是下拉菜单，但在第一次单击后，它明显地变为按钮，而工作原理类似于下拉菜单，即在按钮单击时，我可以看到下拉选项。这是我的HTML

<div class="dropdown" id="ApplicationNames" style="visibility: hidden">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Select Application
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" id="Appdropdown"></ul>
</div>

这是我的jquery

 $('.dropdown-menu-left a').click(function () {
    var dropdownMenuItems = "School,College";
    var arrdropdownMenuItems = dropdownMenuItems.split(',');
    var dropdownMenuhtml = ''
    for (var i = 0; i < arrdropdownMenuItems.length; i++) {
        dropdownMenuhtml += '<li><a href="#">' + arrdropdownMenuItems[i] + '</a></li>';
    }
    $('#ApplicationNames').css("visibility", "visible");
    $('#Appdropdown').append(dropdownMenuhtml);
});

选择后，此处缺少显示下拉列表而不是按钮的内容。请帮忙。

$。下拉菜单左一“。单击函数{ var dropdownMenuItems=学校、学院； var arrdropdownMenuItems=dropdownMenuItems.split'，'； var下拉菜单UHTML= 对于变量i=0；i

---

您已使用CSS标记问题，但未向问题添加任何CSS。它在诊断您的问题时可能会很有用。@Kyle我没有使用任何内联css。已使用引导CSS类。所以我标记了CSS。谢谢你能为你的问题给我们一个片段吗？@Samir我已经添加了图片。请看一看我想你的下箭头在第一次点击后被删除了，对吗？你已经用CSS标记了这个问题，但没有在你的问题中添加任何CSS。它在诊断您的问题时可能会很有用。@Kyle我没有使用任何内联css。已使用引导CSS类。所以我标记了CSS。谢谢你能为你的问题给我们一个片段吗？@Samir我已经添加了图片。请看一看，我认为您的向下箭头在第一次单击后被删除，对吗？请检查箭头样式。它直接来自css。你能不能，请更新你的，完整的HTML和css，特别是按钮？箭头现在就来了，但我看到我的页面中所有可用的下拉列表都有双箭头。有什么方法可以通过使用jquery而不是内联添加CSS类来实现吗CSS@Lara，我已经添加了代码段，请检查。@Lara，我使用了。您也可以使用。请检查箭头样式。它直接来自css。你能不能，请更新你的，完整的HTML和css，特别是按钮？箭头现在就来了，但我看到我的页面中所有可用的下拉列表都有双箭头。有什么方法可以通过使用jquery而不是内联添加CSS类来实现吗CSS@Lara，我已经添加了代码段，请检查。@Lara，我使用了。你也可以使用。