свернуть эту панель по умолчанию
Эта панель должна свернуться по умолчанию, в настоящее время она открыта при загрузке страницы. Я пробовал гуглить вещи, и, похоже, ничего не работает.
<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"><i class="fa fa-minus"></i></a></li>
</ul>
</div>
<div class="panel-body table-responsive" class="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>
Решение
Вам нужно добавить 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>
Другие решения
Других решений пока нет …