如何将幻灯片效果添加到Bootstrap的数据切换？

Question

我想知道Bootstrap中是否有内置功能可以将幻灯片效果添加到data-toggle="collapse"？这就是我所拥有的：

<div id="btn-nav">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#target">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <div>Navigation</div>
</div>

<div id="target" class="target col-lg-3 col-md-4 col-sm-5 col-xs-8">
    <div class="row">
        <div class="col-md-12">
            <div class="area1">Nunc accumsan sem sed tortor.</div>
        </div>
    </div>
</div>

目前它工作正常，但没有幻灯片效果。

以下是更新后的jsFiddle。