嗨,大家好我使用的模板有一些我喜欢的功能。其中一个是可以使用下面的代码在按钮单击时最小化的表格。
$('.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-->