javascript - 默认情况下，如何使 bootstrap 多选 optgroups 崩溃？

Question

我正在使用 bootstrap's multiselect将 enableCollapsibleOptGroups 设置为 true。

我现在拥有的:

我希望默认折叠 optgroups:

Answer 1

我在这里添加了一个简单的例子:http://davidstutz.github.io/bootstrap-multiselect/#configuration-options-enableCollapsibleOptGroups .

诀窍是在加载页面后为每个组触发一次点击事件:

<script type="text/javascript">
    $(document).ready(function() {
        $('#example-enableCollapsibleOptGroups-collapsed').multiselect({
            enableCollapsibleOptGroups: true,
            buttonContainer: '<div id="example-enableCollapsibleOptGroups-collapsed-container" />'
        });
        $('#example-enableCollapsibleOptGroups-collapsed-container .caret-container').click();
    });
</script>
<select id="example-enableCollapsibleOptGroups-collapsed" multiple="multiple">
    <optgroup label="Group 1">
        <option value="1-1" disabled>Option 1.1</option>
        <option value="1-2" selected="selected">Option 1.2</option>
        <option value="1-3" selected="selected">Option 1.3</option>
    </optgroup>
    <optgroup label="Group 2">
        <option value="2-1">Option 2.1</option>
        <option value="2-2">Option 2.2</option>
        <option value="2-3">Option 2.3</option>
    </optgroup>
</select>