Jquery 如何使引导multiselect不可见成为默认设置？

我正在使用插件，使处理下拉菜单更容易。但是，我在尝试默认隐藏菜单时遇到了一个问题

基本上，我有一个复选框，当这个复选框被选中时，我会显示下拉列表。当它被取消选中时，菜单应该被隐藏。默认情况下该复选框未选中，因此我希望该菜单在默认情况下也被隐藏

我尝试使用基本css代码将菜单隐藏到我的选择菜单中，如下所示：

<select name="menu" id="related_calls_menu" style="display: none;" multiple="multiple">....</select>

我尝试添加

.css（'visability:hidden；display:none；'）至$（“相关调用”菜单）

我还尝试添加此代码

    $(window).on('load', function(){
        $("#related_calls_menu").hide();
    });

没有什么是真正的工作，我似乎无法隐藏菜单什么的。另外，当我点击复选框显示菜单时，我会看到第二个菜单，它没有插件外观

下面是复选框前的屏幕截图


下面是复选框后的屏幕截图


请告知。
可能有一些CSS代码与引导选择冲突

使用浏览器检查图元，转到“计算”并验证是什么设置了图元的“显示”适当性


如果你遇到紧急情况，你可能会

#related_calls_menu{
  display: none!important;
}

在您的样式表中，直到您解决此问题。
选择标记已被引导隐藏

在select标记周围放置一个包装div，如下所示

<div id="mywrapper">
  <select name="menu" id="related_calls_menu" style="display: none;" multiple="multiple">....                    </select>
</div>

jQuery

$("#mywrapper").show();
$("#mywrapper").hide();

嗯，
select
已经被引导隐藏了。您需要隐藏的是引导添加的
div
。一个快速的解决方案是在另一个
div
元素中包装
select
，然后控制包装
div
@Dola，因为您是正确的。谢谢你的解决方案。我添加了一个包装潜水，它解决了我的问题。如果你把答案贴出来，我会把它标为正确答案。谢谢你的指导。查看display property body-block用户代理样式表，我不知道这是否有帮助谢谢您的回答：）
#mywrapper{
display:none;
}

$("#mywrapper").show();
$("#mywrapper").hide();