如何在bootstrap collapse插件上禁用bootstrap默认行为

Question

所以我看的是:

• 单击可折叠对象的标题时,不会发生任何事情
• 虽然$("#collapseOne").collapse('toggle');或$("#collapseTwo").collapse('toggle');应该成功

Collabsable对象:

    <div class="accordion" id="accordion2">
      <div class="accordion-group mzti-transparent-border" id="id-group-1">
        <div id="id-header-1" class="accordion-heading mzti-bg-image-1">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">

            </div>
          </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse in">

          <div class="accordion-inner">


          </div>
        </div>
      </div>
      <div class="accordion-group hide mzti-transparent-border mzti-height" id="id-group-2">
        <div id="id-header-2" class="accordion-heading width-100 mzti-bg-image-2 margin-top-22px ">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">

          </a>
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
          <div class="accordion-inner">

          </div>
        </div>
      </div>
    </div>

Answer 1

删除data-toggle="collapse"的<a class="accordion-toggle"...元素