html表格的下拉菜單

Question

我對HTML表格有懷疑。是否可以在HTML表格中創建下拉菜單？ 我要顯示這樣的事情：

1 video1 cam1 signal-present 
2 video2 cam2 signal-present 
3 video3 cam3 signal-present 

當我點擊任何該行應擴大給另一組像行：

1 video1 cam1 signal-present 
    -1 Audio1 source1 present 
    -2 Audio1 source1 present 
2 video2 cam2 signal-present 
3 video3 cam3 signal-present 

該表是使用JavaScript填充。有沒有比表格更好的方法來做到這一點。

Answer 1

你所描述的是jQuery Accordion功能。有噸手風琴插件在那裏，但他們都做同樣的事情：

工作例如： http://jsfiddle.net/7vX3S/5/

• 單擊類（這是默認顯示）
• 內容類（這是當click class點擊

那麼說明，你就會使你的<tr>click class，當一個給定的<tr>被點擊，你會有另一個<tr>下滑（展開）。

的jQuery：

$(".clicker").on("click", function(){ 
    if($(this).next().hasClass("down")){ 
     $(this).next().slideUp("normal").removeClass("down"); 
    } 
    else{ 
     $(this).next().slideDown("normal").addClass("down"); 
    } 
}); 

HTML：

<table> 
    <tr class="clicker"> 
     <td>some data</td> 
    </tr> 
    <tr class="hidden"> 
     <td>Some new data here</td> 
    </tr> 
</table> 

CSS：

tr.hidden{ 

    display: none; 
}