如何在自舉手風琴上添加幫助圖標

Question

我創建了一個手風琴，當我展開減號（ - ）並將其摺疊時，它會顯示加號（+）。

現在我想在手風琴主面板中添加一個幫助圖標。一旦我點擊幫助圖標，它應該顯示一個彈出窗口（點擊圖標後沒有展開或摺疊手風琴）。

可以嗎？怎麼樣？我使用bootstrap和jQuery。

<div class="panel-group" id="parent_accordion"> 
<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" data-parent="#parent_accordion" href="#collapseONE"> 
       Accordion main panel 
      </a> 
     </h4> 
    </div><!--/.panel-heading --> 
    <div id="collapseONE" class="panel-collapse collapse in"> 
     <div class="panel-body"> 
      Welocme Here    
     </div><!--/.panel-body --> 
    </div><!--/.panel-collapse --> 
</div><!-- /.panel --> 

Answer 1

我沒有不完成的造型。不要造型根據自己的需要

<h4 class="panel-title"> 
    <a data-toggle="collapse" data-parent="#parent_accordion" href="#collapseONE">Accordion main panel</a> 

在此之後添加

<a class="btn btn-default" href="#panel-config" data-toggle="modal"><i class="fa fa-wrench"></i></a> 

</h4> 

做出一個模式後

<div class="modal fade" id="panel-config" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
           × 
          </button> 
          <h4 class="modal-title">Panel Configuration</h4> 
         </div> 
         <div class="modal-body"> 
          Here will be a configuration form 
         </div> 
         <div class="modal-footer"> 
          <button type="button" class="btn btn-default" data-dismiss="modal"> 
           Close 
          </button> 
          <button type="button" class="btn btn-primary"> 
           Save changes 
          </button> 
         </div> 
        </div> 
        <!-- /.modal-content --> 
       </div> 
       <!-- /.modal-dialog --> 
      </div>