jQuery切换函数不执行

Question

我在这里创建了一个小提琴：http://jsfiddle.net/brombomb/kYsN7/

由于slideToggle不能与表格一起工作(由于显示:块/表格行问题)，我尝试使用我在互联网上找到的一些代码来滚动我自己的表格。正如您所看到的，出于调试目的，我包含了一些console.log()，但它们从未被触发过。我最初将它们作为单独定义的函数，但这不起作用，所以我将它们汇总到切换函数调用中。

幻灯片原码：http://www.tino.nl/index.php/2009/08/05/table-animations-in-jquery/

Answer 1

代码确实可以工作，我认为您可能只是误解了您所做的事情。切换函数将一个单击处理程序附加到它被调用的项上，当它被单击时，它交替调用两个方法。因此，当您单击标题时，此处理程序会附加到body的。然后点击tbody将导致幻灯片向上滑动(试一下，这是可行的)。

我想你真的打算把操纵者绑在头上。我猜你是想用敲击头部的方式来躲藏。更像这样的东西：

http://jsfiddle.net/kYsN7/13/

这部剧不太好用，但我认为它的结构更符合你的意图。

Answer 2

只需执行以下操作：

   $('#horseStable table thead').click(function() {
      $('#horseStableBody').slideToggle();
   });

就是这样。我在你的jsfiddle中测试了它，它工作正常。希望这能有所帮助。干杯

Answer 3

你真的想让你的td元素有slide效果吗？

没有动画，您可以简单地使用do it

$('#horseStable table thead').click(function() {
    if ($("#horseStableBody td").is(":visible")) {
        $("#horseStableBody td").hide();
    } else {
        $("#horseStableBody td").show();
    }

    return false;
});