Javascript 单击第一个时展开表行以显示更多内容<；td>；

我有一个基本表，我希望能够展开表行，以查看有关该特定行的更多信息

第一个td将有一个图标（+）以显示更多内容，单击时，我希望它在加号和减号图标之间切换，具体取决于行是展开还是折叠

我有一个基本的演示：

任何帮助都会很好 谢谢

看一看

您想要的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')
    }
})

这就是你需要的

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

---

在这里玩

这与其说是个问题，不如说是个要求。

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