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代码吗?我已经为手风琴添加了部分。