ドロップダウンHTMLテーブルに

Question

は、HTMLで次のシナリオのための私のコードを入力してください： row1.1とrow1.2 row1 -row1.1 -row1.2 row2 row3ドロップダウンを提供する必要がありますテーブルをROW1選択するには、行 row1 row2 row3

を持つテーブルをテーブルrow1.1さらに選択の

は、私はHTMLでの初心者です行1.1.1 row1 -row1.1 -row1.1.1 -row1.2 row2 row3

をドロップダウン提供する必要があります。これで私を導いてください。

Answer 1

私には分かりますが、accordianが必要です。これは一連の行で、これらの行の1つを選択すると、サブメニューに展開されます。 here

Answer 2

最後に私の状況のコードを手に入れました。

$(document).ready(function() 
     { 
      $('.RowFather').click(function() 
      { 
       $(this).nextAll('tr').each(function() 
       { 
        if ($(this).is('.RowChild')) 
        { 
         $(this).toggle();; 
        } 
        else if ($(this).is('.RowGrandChild')) 
        { 
         $(this).hide();; 
        } else { 
         return false; 
        } 

       }); 
      }); 

      $('.RowChild').click(function() 
      { 
       $(this).nextAll('tr').each(function() 
       { 
        if ($(this).is('.RowGrandChild')) 
        { 
         $(this).toggle();; 
        } else { 
         return false; 
        } 

       }); 
      }); 
      $('.RowFather').nextAll('tr').each(function() { 
      if(!($(this).is('.RowFather'))) 
       $(this).hide(); 
      }); 

     }); 

HTML：：

<tr class="RowFather"> 
<td>Father</td> 
</tr> 
<tr class="RowChild"> 
<td>child</td> 
</tr> 
<tr class="RowGrandChild"> 
<td> grandchild</td> 
</tr>