Question

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

由于slideToggle不能与Table一起使用（由于显示：阻止/表格行问题），我试图用我在互联网上找到的一些代码推出自己的代码。正如您所看到的，我已经包含了一些console.log（）用于调试目的，但它们永远不会被解雇。我最初将这些作为单独定义的函数但是没有工作，所以我将它们汇总到toggle函数调用中。

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

Answer 1

这样做：

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

就是这样。我在你的jsfiddle测试它，它工作正常。希望这可以帮助。干杯

Answer 2

代码确实有效，我想你可能只是误解了你的所作所为。切换功能将单击处理程序附加到调用它的项目上，单击它时会交替调用两个方法。因此，当您单击标题时，此处理程序将附加到正文。然后单击tbody将导致向上滑动（尝试它，这可行）。

我认为你真的打算将处理程序附加到头部。我假设你打算在头上点击进行隐藏。更像是这样：

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

该剧无法正常运作，但我认为结构更符合您的意图。

Answer 3

您真的希望slide影响td元素吗？

没有动画，你可以简单do it：

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

    return false;
});

jQuery Toggle函数没有执行

3 个答案: