javascript - 显示最初折叠的 Bootstrap 树列表

Question

我有一个在页面加载时展开(打开)的 Bootstrap TreeView 列表。我想展示它们最初仅在小于 768px 的设备上折叠，但在较大的设备上保持它们最初展开。我对 javascript 不太熟悉...

我现在的JS是:

<script>
    $(document).ready(function () {
        $('label.tree-toggler').click(function () {
            $(this).parent().children('ul.tree').toggle(300);
        });
    });
</script>

Answer 1

您可以以移动优先的思维来使用 Bootstrap CSS。

@media (max-width: 767px) {
    ul.tree > * {
        display: none;
    }
}

任何 768 像素或更大的屏幕都将使用默认显示设置。