Question

我有两张不同高度的桌子。我希望表格能够独立滑动。

＆＃xA;＆＃xA;

选择表格标题时，目前没有任何事情......

＆＃xA;＆＃xA; < p>小提琴： http://jsfiddle.net/wod51fvL/

＆＃xA; ＆＃xA;

欢迎任何评论！

＆＃xA;＆＃xA;

HTML：

＆＃xA;＆＃xA;

 ＆lt; h1＆gt ;测试标题1＆lt; / h1＆gt;＆＃xA;＆lt; table＆gt;＆＃xA;＆lt; tr＆gt;＆＃xA; ＆lt; td valign =“top”＆gt;＆＃xA; ＆lt; table class =“tableSort”＆gt;＆＃xA; ＆LT; THEAD＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; th id =“clientClick”colspan =“3”style =“cursor：pointer;”＆gt; Client＆lt; / th＆gt;＆＃xA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / THEAD＆GT;＆＃XA; ＆lt; div id =“clientResult”＆gt;＆＃xA; ＆LT; TR＆GT;＆＃XA; ＆LT; TD→1＆LT; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 2'; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 3'; / TD＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆LT; TD→1＆LT; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 2'; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 3'; / TD＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; /表＆gt;＆＃XA; ＆LT; / TD＆GT;＆＃XA; ＆lt; td valign =“top”＆gt;＆＃xA; ＆lt; table class =“tableSort”＆gt;＆＃xA; ＆LT; THEAD＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆lt; th id =“employeeClick”colspan =“3”style =“cursor：pointer;”＆gt; Employee＆lt; / th＆gt;＆＃xA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / THEAD＆GT;＆＃XA; ＆lt; div id =“employeeResult”＆gt;＆＃xA; ＆LT; TR＆GT;＆＃XA; ＆LT; TD→1＆LT; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 2'; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 3'; / TD＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆LT; TD→1＆LT; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 2'; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 3'; / TD＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; TR＆GT;＆＃XA; ＆LT; TD→1＆LT; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 2'; / TD＆GT;＆＃XA; ＆LT; TD＆GT; 3'; / TD＆GT;＆＃XA; ＆LT; / TR＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; /表＆gt;＆＃XA; ＆lt; / td＆gt;＆＃xA;＆lt; / tr＆gt;＆＃xA;＆lt; / table＆gt;＆＃xA;

＆＃xA;＆＃xA;

JS：< / p>＆＃xA;＆＃xA;

  var j $ = jQuery.noConflict（）;＆＃xA;＆＃xA; j $（document）.ready（function（）{＆＃xA ; j $（“＃clientClick”）。click（function（）{＆＃xA; j $（“＃clientResult”）。slideToggle（600）;＆＃xA;}）;＆＃xA;}）;＆＃ xA;＆＃xA; j $（document）.ready（function（）{＆＃xA; j $（“＃employeeClick”）。click（function（）{＆＃xA; j $（“＃employeeResult”）。的slideToggle（600）;＆＃XA;}）;＆＃XA;}）;＆＃XA;

＆＃XA;

Answer 1

非常糟糕的html和js

你不能将tr标签包装成div。
您不需要两次调用document.ready函数

这是一个快速jsfiddle 以适合您的示例。它需要改进（没有时间抱歉）。

http://jsfiddle.net/wod51fvL/7/

$(document).ready(function () {
    $("#clientClick").click(function () {
        $("#clientResult").slideToggle(600);
    });
    $("#employeeClick").click(function () {
        $("#employeeResult").slideToggle(600);
    });
});

JS / HTML - .SlideToggle两个表彼此相邻

1 个答案: