Javascript 根据表列使用jquery

我可以让jQueryUI与html表兼容吗？我尽了一切努力使柱子可以折叠

好吧，我知道我做过这件事

$(".col1, .col2").addClass("hidden");

$(".show-hide-col1").css("cursor", "pointer").click(function() {
    $(".col2").addClass("hidden");
    $(".col1").removeClass("hidden");
});

$(".show-hide-col2").css("cursor", "pointer").click(function() {
    $(".col1").addClass("hidden");
    $(".col2").removeClass("hidden");
});

但是它没有jquery accordion那么聪明。

HTML

<table width="50%" border="1px solid red">
    <tr><td class="col1">Col1</td><td class="col2">Col2</td></tr>
</table>
<button class="show-hide-col1">Hide col1</button>
<button class="show-hide-col2">Hide col2</button>

---

Fiddle

向您展示

html、css

代码，以了解更多您尝试过的内容。嗨，Rohan，我一直在尝试使用

，但我似乎不知道如何对应可折叠的列进行分组。我一直在查看API，但找不到任何选项来告诉脚本哪些列应该是可折叠的，只有哪些元素应该是可折叠的header@Nets测试以上，我已经做了修改。

$(document).ready(function(){
    $(".show-hide-col1").click(function() {
        $('.col1').hide();
    });

    $(".show-hide-col2").click(function() {
        $('.col2').hide();
    });
});