javascript - Bootplus 保持评论开放

Question

您如何让卡片中的评论默认打开......？到目前为止，这是我的代码:

<div class="card">
   <h3 class="card-heading simple">Simple News Card</h3>
   <div class="card-body">
      ...
   </div>
   <div class="card-comments">
      <div class="comments-collapse-toggle">
         <a data-toggle="collapse" data-target="#c1-comments" href="#c1-comments">34 comments <i class="icon-angle-down"></i></a>
      </div>
      <div id="c1-comments" class="comments collapse">
         <div class="media">
            <a class="pull-left" href="#">
               <img class="media-object" data-src="holder.js/28x28" alt="avatar"/>
            </a>
            <div class="media-body">
               <h4 class="media-heading">Comment title</h4>
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam...</p>
            </div>
         </div>
      </div>
   </div>
</div>

(从 Bootplus 复制)

但是默认情况下评论是隐藏的，当您点击34 条评论 链接时，评论会在打开和关闭之间切换。

如何让它保持默认打开状态？

DEMO (The first example)

Answer 1

如果您可以修改 HTML，您可以这样做:

<div id="c1-comments" class="comments in collapse" style="height: auto">