Javascript 如何保持引导下拉复选框列表处于下拉状态

我使用的是一个非常酷的，但是它在列表上方有一个按钮来下拉列表，我想保持列表的下拉状态。它与我见过的其他CheckBoxList控件相比更具优势

它呈现的HTML基本上是隐藏的列表：

<div id="agency-suburbs-list" class="suburbDropdownCheckbox dropdown-checkbox dropdown">
    <button class="dropdown-checkbox-toggle" data-toggle="dropdown" href="#" aria-expanded="false">Suburbs List</button>
    <div class="dropdown-checkbox-content">
        <ul class="dropdown-checkbox-menu">
            <li>
                <div class="layout">
                    <input type="checkbox" id="247908647965.94836"><label for="247908647965.94836">Alberante</label>
                </div>
            </li>
            ...
            <li>
                <div class="layout">
                    <input type="checkbox" id="882857971221.6206"><label for="882857971221.6206">Alrode</label>
                </div>
            </li>
        </ul>
    </div>
</div>

---

其中

me open

只是一个额外的按钮，与我为测试添加的控件无关。这个控件的其他所有功能似乎都很好，所以我想保留它，当用户从

选择中选择一个值时，应该填充列表，然后还要单击另一个按钮来查看所选值，这是一个非常糟糕的UX因素。
该下拉框是一个引导模式。按下按钮时会触发显示

如果您希望始终显示它，则需要添加一些css，如下所示：

.dropdown-checkbox-content {
    display: block!important; /* or inline-block */
    position: static!important;
}

如果要隐藏切换按钮，请执行以下操作：

dropdown-checkbox-toggle {
    display: none;
}

该下拉复选框是引导模式。按下按钮时会触发显示

如果您希望始终显示它，则需要添加一些css，如下所示：

.dropdown-checkbox-content {
    display: block!important; /* or inline-block */
    position: static!important;
}

如果要隐藏切换按钮，请执行以下操作：

dropdown-checkbox-toggle {
    display: none;
}