jquery toggle 显示与隐藏表格行_http://www.


 $(document).ready(function(){
$('.button').toggle(function(){
 $('#tab'+this.id).removeClass('hidden');
},function(){
 $('#tab'+this.id).addClass('hidden');
});
});


.hidden{
display:none;
}
.button{
cursor:hand;
}



表格行的显示与隐藏

第一行

脚本学堂，是专业的脚本编程，网站编程，系统管理，
服务器管理，软件教程，硬件教程等技术站点。
欢迎大家的光临。


第2行

，是专业的脚本编程，网站编程，系统管理，
服务器管理，软件教程，硬件教程等技术站点。
欢迎大家的光临。





单击行展开，单击其他行的时候隐藏其他行的同时展开单击行。
 $(document).ready(function(){
$('.button').click(function(){
 $('tr[id^=tab]').addClass('hidden');
 $('#tab'+this.id).removeClass('hidden');
});
合并使用
 
  $(document).ready(function(){
$('.button').click(function(){
 $('tr[id^=tab]').addClass('hidden');
 $('#tab'+this.id).removeClass('hidden');
});
});
$(document).ready(function(){
$('.button').toggle(function(){
 $('#tab'+this.id).removeClass('hidden');
},function(){
$('#tab'+this.id).addClass('hidden');
});
});