bootstrap accordion无法正确呈现标记

Question

我有以下代码，

<div class="panel panel-default">
  <a class="panel-heading visible-xs-block visible-sm-block visible-md-block visible-lg-block" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
    <h4 class="text-danger">
      Urgent
    </h4>
  </a>
  <div id="collapseOne" class="panel-collapse collapse in">
    <div class="panel-body">
      some text here
    </div>
  </div>
</div>

问题在于，当我运行上面的代码时，手风琴标题（一个元素）无法正确呈现。

请注意，<a>不包含任何文字，而是将<h4>放在<a>内，而不是将其放在外面并创建一个完整的新元素。

我会注意到手风琴所在的页面正在被重新渲染，Salesforce reRender。页面呈现正确，这是我遇到的唯一问题。

任何人都能说出我做错了什么或如何解决这个问题？只要它确实修复了标记，它就可以是一个hacky修复。