Javascript 编程隐藏引导手风琴
在我的代码中,我使用引导手风琴作为额外选项。单击“开始”时,我想折叠(关闭)它。我试过了Javascript 编程隐藏引导手风琴,javascript,bootstrap-4,Javascript,Bootstrap 4,在我的代码中,我使用引导手风琴作为额外选项。单击“开始”时,我想折叠(关闭)它。我试过了 $('#accordion2').collapse({ hide: true }); 但手风琴先关上,然后再打开。第二次单击“不要再执行任何操作”。我错过了什么?正如在引导文档中所写,我使用数据父对象来关闭它。 代码是: <div id="accordion2" style="width:802px;"> <div class="card"
$('#accordion2').collapse({
hide: true
});
但手风琴先关上,然后再打开。第二次单击“不要再执行任何操作”。我错过了什么?正如在引导文档中所写,我使用数据父对象来关闭它。
代码是:
<div id="accordion2" style="width:802px;">
<div class="card">
<div class="card-header" id="headingImgOne">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseImgOne" aria-expanded="true" aria-controls="collapseImgOne">
Testrun Optionen
</button>
</h5>
</div>
<div id="collapseImgOne" class="collapse" aria-labelledby="headingImgOne" data-parent="#accordion2">
<div class="card-body">
<div class="form-group row">
<label for="text" class="col-4 col-form-label">Server</label>
<div class="col-7">
<div class="input-group">
<div class="form-check">
<label>
<input type="checkbox" name="c06" id="c06" checked> <span class="label-text">c06</span>
</label>
<label>
<input type="checkbox" name="c07" id="c07" checked> <span class="label-text">c07</span>
</label>
<label>
<input type="checkbox" name="c08" id="c08" checked> <span class="label-text">c08</span>
</label>
<label>
<input type="checkbox" name="c09" id="c09"> <span class="label-text">c09</span>
</label>
<label>
<input type="checkbox" name="c10" id="c10"> <span class="label-text">c10</span>
</label>
<label>
<input type="checkbox" name="c11" id="c11"> <span class="label-text">c11</span>
</label>
<label>
<input type="checkbox" name="c12" id="c12"> <span class="label-text">c12</span>
</label>
<label>
<input type="checkbox" name="c13" id="c13"> <span class="label-text">c13</span>
</label>
<label>
<input type="checkbox" name="c14" id="c14"> <span class="label-text">c14</span>
</label>
<label>
<input type="checkbox" name="c15" id="c15"> <span class="label-text">c15</span>
</label>
<label>
<input type="checkbox" name="c16" id="c16"> <span class="label-text">c16</span>
</label>
<label>
<input type="checkbox" name="c17" id="c17"> <span class="label-text">c17</span>
</label>
</div>
</div>
</div>
</div>
<div class="form-group row">
<label for="select" class="col-4 col-form-label">Server Domain</label>
<div class="col-7">
<select id="imgdomain" name="select" class="custom-select">
<option value="domain.com" selected>domain.com</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<br/>
测试运行选项
服务器
c06
c07
c08
c09
c10
c11
c12
c13
c14
c15
c16
c17
服务器域
domain.com
您能给我们看一下您的完整html代码吗?我已经为手风琴添加了部分。