Question

默认情况下需要此面板折叠，当页面加载时它当前处于打开状态。我试过谷歌搜索的东西似乎没有任何工作。

ontrack

Answer 1

您需要在链接中添加data-toggle="collapse"和data-target="#[YOURDIV]"，以便知道要崩溃的内容。

<div class="col-md-12">
    <div class="panel panel-default">
        <div class="panel-title">
            Subcontractors
            <ul class="panel-tools">
                <li><a class="icon minimise-tool no-print" data-toggle="collapse" data-target="#collapsible"><i class="fa fa-minus"></i></a></li>
            </ul>
        </div>
        <div id="collapsible" class="panel-body table-responsive panel-collapse collapse">

            <table id="subcontractor_table" class="table table-striped">
                <thead>
                    <tr>
                        <td>First Name</td>
                        <td>Last Name</td>
                        <td width="200px">Hours Quoted</td>
                        <td width="200px">Rate</td>
                        <td width="200px">Amount Quoted</td>
                        <td width="100px">Actions</td>
                    </tr>
                </thead>

                <tbody id="subcontractor_table_body"></tbody>
            </table>

        </div>
    </div>
</div>
<!-- End Subcontractors Panel -->

在这里，我将id="collapsible"添加到div并在data-target="#collapsible"

中引用它

修改：由于您使用的是链接，因此您还可以将链接的href设置为#collapsible并忽略data-target：

<a class="icon minimise-tool no-print" data-toggle="collapse" href="#collapsible"><i class="fa fa-minus"></i></a>

默认情况下折叠此面板

1 个答案: