显示更多/显示更少没有引导程序的文本？

Question

显示更多/显示没有引导程序的文本？

有任何方法可以做到 like this

.in.collapse+a.btn.showdetails:before
{
    content:'Hide details «';
}
.collapse+a.btn.showdetails:before
{
    content:'Show details »';
}

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4 collapse-group">
          <h2>Heading</h2>
           <p class="collapse" id="viewdetails">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <a class="btn showdetails" data-toggle="collapse" data-target="#viewdetails"></a>
        </div>
      </div>

不使用bootstrap.min.js？ 因为我已经使用了app.min.js

如果我继续使用bootstrap.min.js使我的下拉菜单不会扩展