Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示折叠区域的第一行元素_Javascript_Jquery_Css - Fatal编程技术网

Javascript 显示折叠区域的第一行元素

Javascript 显示折叠区域的第一行元素,javascript,jquery,css,Javascript,Jquery,Css,是否知道如何将折叠区域内的第一行元素显示为默认值,以便在第二行及以上发生折叠和展开 我不明白你想说什么。所以请解释清楚一点,说塌陷区有三排。第一排永远不会倒塌,它总是显示出来。折叠/展开仅发生在第二行和下一行。对不起,如果我的英语不好。这里的行是什么意思?就像在小提琴中一样,我正在折叠区域内创建按钮集合。如果按钮超出可用宽度,按钮将被按到下一行/行。好的,您需要折叠第一行/行下方的所有行/行,对吗? <div class="row"> <div class="s

是否知道如何将折叠区域内的第一行元素显示为默认值,以便在第二行及以上发生折叠和展开


我不明白你想说什么。所以请解释清楚一点,说塌陷区有三排。第一排永远不会倒塌,它总是显示出来。折叠/展开仅发生在第二行和下一行。对不起,如果我的英语不好。这里的行是什么意思?就像在小提琴中一样,我正在折叠区域内创建按钮集合。如果按钮超出可用宽度,按钮将被按到下一行/行。好的,您需要折叠第一行/行下方的所有行/行,对吗?
<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');
});