使用表列jQuery手風琴

Question

我可以以某種方式使jQuery UI手風琴與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手風琴一樣聰明。

Answer 1

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> 

SCRIPT

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

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

小提琴http://jsfiddle.net/DZ3WB/2/