bootstrap collapse从链接中删除所有样式

Question

我有一个链接，展开显示div，使用bootstrap崩溃。当我点击链接时，它会按预期展开div，但链接上的样式会消失。当我点击其他＆＃39; ajaxy＆＃39;页面上的链接，样式重新出现

CSS：

a, a:hover, a:visited {
 color: red;
 text-decoration: none;
}

HTML：

<a data-toggle="collapse" href='#about' aria-expanded="false" aria-controls='about'>About</a>
<div class='row'>
  <div class="collapse" id='about'>
    <div>
      About text shown here
    </div>
  </div>
</div>

更新：Here是repro的jsfiddle

链接为红色，没有下划线。点击它后，div扩展。现在，链接加下划线。将光标移离链接，链接也变为默认（蓝色）颜色。