Использовать jquery-аккордеон со столбцами таблицы

Question

Могу ли я каким-либо образом сделать JQuery UI Accordion совместимым с таблицей 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(); 
    }); 
}); 

Fiddlehttp://jsfiddle.net/DZ3WB/2/