Javascript 如何通过点击按钮调整div的大小，使其变为全屏

我希望div.panel-dashboard变为全屏，其宽度和高度与窗口的宽度和高度相等，方法是单击fa箭头alt图标，然后单击fa减号图标。div.panel-dashboard通过设置动画返回到其第一个大小

             <div class="row">
   <div class="col-sm-6">
            <section class="panel-dashboard hide1">
                <div class="header color-purple-header">              
                    <div class="controls">
                        <i class="fa fa-close"></i>
                        <i class="fa fa-minus ml5"></i>
                        <i class="fa fa-arrows-alt ml5"></i>
                    </div>
                </div>
                <div class="body body2 color-purple-body">
                    text1
                </div>     
            </section>
        </div>
        <div class="col-sm-6">
            <section class="panel-dashboard hide1">
                <div class="header color-purple-header">              
                    <div class="controls">
                        <i class="fa fa-close"></i>
                        <i class="fa fa-minus ml5"></i>
                        <i class="fa fa-arrows-alt ml5"></i>
                    </div>
                </div>
                <div class="body body2 color-purple-body">
                    text2
                </div>     
            </section>
        </div>
    </div>
             $(document).ready(function () {
        $('.fa-arrow-circle-left').click(function () {
            var $win = $(window);         
            $('.panel-dashboard').animate({ height: $win.height() }, 500);
            $('.panel-dashboard').animate({ width: $win.width() }, 500);

        });
        $('.fa-minus').click(function () {
            var $win = $(window);         
            $('.panel-dashboard').animate({ height: 250px }, 500);
            $('.panel-dashboard').animate({ width: '100%' }, 500);

        });
    });

文本1
文本2
$（文档）.ready（函数（）{
$（'.fa箭头向左圆'）。单击（函数（）{
var$win=$（窗口）；
$（'.panel dashboard'）.animate（{height:$win.height（）}，500）；
$（'.panel dashboard'）.animate（{width:$win.width（）}，500）；
});
$（'.fa减号'）。单击（函数（）{
var$win=$（窗口）；
$（'.panel dashboard'）.animate（{height:250px}，500）；
$（'.panel dashboard'）.animate（{width:'100%}，500）；
});
});

250px

应该被引用

左箭头圆圈
文本1
fa负数
文本2
$（文档）.ready（函数（）{
var$win=$（窗口）；
$（'.fa箭头向左圆'）。单击（函数（）{
$（'.panel dashboard'）。设置动画({
高度：$win.height（），
宽度：$win.width（）
}, 500);
});
$（'.fa减号'）。单击（函数（）{
$（'.panel dashboard'）。设置动画({
高度：“250px”，
宽度：“100%”
}, 500);
});
});

所有jQuery方法和javascript都在

标签

250px

中，应该被引用。你能为它创建一个提琴吗？