Ich benutze dieBootstrap-Multiselect Plugin zur Erleichterung des Umgangs mit Dropdown-Menüs. Ich habe jedoch ein Problem, wenn ich versuche, das Menü standardmäßig auszublenden.

Grundsätzlich habe ich ein Kontrollkästchen. Wenn dieses Kontrollkästchen aktiviert ist, werden die Dropdown-Menüs angezeigt. Und wenn es deaktiviert ist, sollte das Menü ausgeblendet werden. Das Kontrollkästchen ist standardmäßig deaktiviert, daher soll das Menü auch standardmäßig ausgeblendet werden.

Ich habe versucht, das Menü mit dem Basis-CSS-Code in meinem ausgewählten Menü auszublenden:

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

Dies scheint jedoch durch etwas in der Bootstrap-Mehrfachauswahl außer Kraft gesetzt zu werden. Wenn ich das Plugin entferne, funktioniert die Show / Hide-Funktion einwandfrei.

Dies ist mein aktueller Code für das Menü

    $(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();
        });
    });

Ich habe versucht hinzuzufügen.css('visability: hidden; display:none;'); zu $ ("# related_calls_menu")

Ich habe auch versucht, diesen Code hinzuzufügen

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

Nichts funktioniert wirklich, ich kann das Menü so gut wie gar nicht verbergen. Wenn ich auf das Kontrollkästchen klicke, um das Menü anzuzeigen, wird ein zweites Menü angezeigt, das kein Plugin-Aussehen hat.

Hier ist ein Screenshot VOR dem Kontrollkästchen

Hier ist ein Screenshot NACH dem Kontrollkästchen

Bitte beraten.