javascript函数最小化框 - 最小化启动框

时间:2016-11-03 21:44:16

标签: javascript jquery

嗨,大家好我使用的模板有一些我喜欢的功能。其中一个是可以使用下面的代码在按钮单击时最小化的表格。

    $('.btn-minimize').click(function(e){

    e.preventDefault();
    var $target = $(this).parent().parent().next('.box-content');
    if($target.is(':visible')) $('i',$(this)).removeClass('chevron-up').addClass('chevron-down');
    else                       
    $('i',$(this)).removeClass('chevron-down').addClass('chevron-up');

    $target.slideToggle();
});

唯一的问题是我有一些这样的想法,因为它们不会经常使用,所以我希望尽量减少这些。

我厌倦了使用警报来查看$ target中保存的数据,然后使用onload函数来最小化它们。

我得到的只是' object Object'对于每一个盒子。

无论如何能够识别某些盒子,或者至少是否已将它们全部开始最小化。

由于

框中的HTML是

                <div class="box black span4" onTablet="span6" onDesktop="span3">
                    <div class="box-header">
                        <h2><i class="halflings-icon white list"></i><span class="break"></span>Sectors</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                                        <ul class="dashboard-list metro">
</div>
                </div><!--/span-->

0 个答案:

没有答案