显示倒塌区域的第一行元素

Question

任何想法如何将折叠区域内的第一行元素显示为默认值（以便在第二行及以上位置进行折叠和展开）。

http://jsfiddle.net/3pmzLdrr/

<div class="row">
        <div class="span4 collapse-group" style="text-align:center">
            <p class="collapse">
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa faa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
                <a class="btn btn-app" href="#">
                    <i class="fa fa-edit"></i>Edit
                </a>
            </p>
           <p style="text-align:center"><a class="btn" href="#">Display All</a></p>
        </div>
</div>

$('.row .btn').on('click', function(e) {
    e.preventDefault();
    var $this = $(this);
    var $collapse = $this.closest('.collapse-group').find('.collapse');
    $collapse.collapse('toggle');
});