我可以在具有折叠功能的折叠式面板中使用图像而不是文本吗？

Question

就像我说的那样，我试图用图像替换手风琴面板的标题。如果我设置class =“panel-collapse collapse in”，则显示文本。但是，当我删除“in”并尝试单击图像以下拉时，文本不会显示。

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
      <div class="panel-heading">
          <a data-toggle="collapse" class="accordion-toggle" data-parent="#accordion" href="#body">
            <img src="../img/penguinsPhotograph.png" alt="Penguins Photograph" class="img-responsive"/>
          </a>   
      </div>
      <div id="body" class="panel-collapse collapse">
        <div class="panel-body">
          <p>
             This is random text. Just for testing.
          </p>
        </div>
      </div>
    </div>
  </div><!--end accordion -->