Я используюсамозагрузки-MultiSelect Плагин для облегчения работы с выпадающим меню. Однако у меня возникла проблема при попытке сделать меню скрытым по умолчанию.

По сути, у меня есть флажок, когда этот флажок установлен, тогда я отображаю выпадающих людей. И когда это не проверено, меню должно стать скрытым. По умолчанию флажок снят, поэтому я также хочу, чтобы меню было скрыто по умолчанию.

Я попытался скрыть меню, используя базовый код CSS для моего меню выбора следующим образом:

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

Но это, похоже, перекрывается чем-то в начальной загрузке. Если я удалю плагин, функция show / hide будет работать без проблем.

Это мой текущий код для меню

    $(function(){

        $("#related_calls_menu").multiselect({
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true,
            selectedClass: null,
            selectAllText: 'Select All',
            includeSelectAllOption: true,
            nonSelectedText: 'Select Related Account(s)',
            buttonWidth: '300px'
         });

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

        $('#complete_related_calls').click(function(){

            if( $(this).is(':checked') )
                $("#related_calls_menu").show();
            else
                $("#related_calls_menu").hide();
        });
    });

Я пробовал добавлять.css('visability: hidden; display:none;'); в $ ("# related_calls_menu")

Я также попытался добавить этот код

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

Ничего действительно не работает, я не могу скрыть меню, что так всегда. Кроме того, когда я нажимаю на флажок, чтобы показать меню, я получаю второе меню, которое не имеет вид плагина.

вот скриншот ПЕРЕД флажком

вот скриншот ПОСЛЕ флажка

Пожалуйста, порекомендуйте.