将Bootstrap if-collapsed和if-not-collapsed默认状态分别设置为false和true

Question

在下面的HTML上，我希望此框最初展开：

<div class="well">
  <a class="collapsed" data-toggle="collapse">
    <span class="if-collapsed">Show</span>
    <span class="if-not-collapsed">Hide</span>
  </a>
  <div class="collapse in" id="message-1">
    <p>Blah</p>
  </div>
</div>

对于带有<div>类的collapse，我设法通过添加in使其在默认情况下扩展。但是，对于具有<span>和if-collapsed类的if-not-collapsed，我没有获得正确的初始状态。即使我将in类添加到它们，它也会首先显示“ Show”。即使最初加载页面时，如何以与正在扩展的框一致的状态显示“隐藏”或“显示”？

这是与Boostrap 3一起使用的。