Javascript 滑动切换无法在一组行上工作

我正在努力使用Jquery Slidetoggle，它无法处理tr和td标记，这是我在JSFIDLE中尝试的一个小例子，事实上，我的原始代码在一个循环中动态生成了tr和td标记，我需要检查和折叠tr部分 我甚至在JSFIDLE中尝试过，请帮助我找出深入到类“section”的javascript代码是否错误。

$（'.show'）。单击（函数（）{
警报（“显示已点击”）；
var content=$（this.nexist（'tbody'）。next（'.section'）；
//var content=$（this.closest（'tbody'）。find（'.section'）；
var title=content.is（':visible'）？“显示”：“隐藏”；
内容。滑动切换（“慢”）；
警报（“滑动开关操作”）；
$（本）.text（标题）；
});

显示
第一节
第一节
我不确定您现在想要实现什么目标。我觉得HTML语法不是很完整，所以在使用jQuery时可能会遇到一些问题

首先，您还没有将jQuery库包括在您的小提琴中，这就是为什么没有任何东西在那里工作

$('.show').click(function() {
  alert("click clicked");

  $('.section').parent().each(function(){
    $(this).slideToggle();
  });

});

请参阅fiddle以进一步了解其工作原理。
谢谢您的推荐。它工作得很好。只是想知道我的代码有什么问题，这是我使用jquery导航到元素的方式吗？还期待着改变ttile为“隐藏”一旦幻灯片切换完成。