展開錶行的第一​​

Question

點擊時顯示更多的內容我有一個基本的表，我希望能夠擴大表行看到有關paticular行的更多信息。

首款TD將有一個圖標（+），顯示有更多的內容，點擊後我想它取決於wheather行擴大OT倒塌一加號和減號圖標之間切換。

我有一個基本的演示： http://jsfiddle.net/e7X7H/1/

$('table#hidden-table-info td.expand').click(function(){ 
    alert("expand/collapse and change icons around"); 
    }); 

任何幫助將BVE巨大 感謝

Answer 1

看一看this fiddle

的JS，你想要的是：

$('tr td:first-child img').click(function(){ 
    var img=$(this); 
    if(img.attr('src')=='http://www.stemcor.com/images/plus.gif'){ 
     // row expanded, so collapse... 
     img.attr('src','http://www.stemcor.com/images/minus.gif'); 
    }else{ 
     // row collapsed, so expand... 
     img.attr('src','http://www.stemcor.com/images/plus.gif') 
    } 
}) 

Answer 2

這是w帽子你需要

$('td').addClass("clickh"); 
$('.hideme').find('div').hide(); 
$('.clickh').click(function(){ 
$(this).parent().next('.hideme').find('div').slideToggle(500); 
}); 

戲在這裏fiddle