<?php foreach($data as $key=>$val){ ?>
<tr
class="tr_d" parent_id="<?php echo $val['parent_id']?>" node_id="<?php echo $val['type_id']?>" <?php if($val['parent_id']!=0){?> style="display:none" <?php }?> >
<td><?php echo $val['type_id']?></td>
<td
style="text-align:left; padding-left:20px;" width="20%" >
<?php echo str_repeat(' ',$val['flag'])?>
<a href="javascript:void(0)" οnclick="displayData(this);" alt="打开">[+]</a>
<?php echo $val['type_name']?>
</td>
</tr>
<?php }?>
jquery,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
<script>
function displayData(_self)
{
if(_self.alt == "关闭")
{
jqshow($(_self).parent().parent().attr('node_id'), 'hide');
$(_self).html('[+]');
_self.alt = '打开';
}
else
{
jqshow($(_self).parent().parent().attr('node_id'), 'show');
$(_self).html('[-]');
_self.alt = '关闭';
}
}
function jqshow(id,isshow) {
var obj = $("table tr[parent_id='"+id+"']");
if (obj.length>0)
{
obj.each(function(i) {
jqshow($(this).attr('node_id'), isshow);
});
if (isshow=='hide')
{
obj.hide();
}
else
{
obj.show();
}
}
}
</script>