Html5の詳細と要約タグを使用して表の行全体を非表示にして展開するにはどうすればよいですか？

Question

私は、テーブル内の行全体を隠し、拡大する詳細タグを使用したいと思いますので、私は、現在のコード

  <table border="1"> 
       <tr> 
        <td>Header 1 </td> 
        <td>Header 2 </td> 
        <td>Header 3 </td> 
       </tr> 

       <tr> 
        <td>Content 1 </td> 
        <td>Content 2 </td> 
        <td>Content 3 </td> 
       </tr> 

       <details> 
        <tr> 
         <td>Hidden Content 1 </td> 
         <td>Hidden Content 2 </td> 
         <td>Hidden Content 3 </td> 
        </tr> 
       </details> 
      </table> 

詳細タグを拡張する場合、それは「隠された」行を生成しますが、1つでを持っています元のテーブルの3列全体ではなく、

    <tr><details> 
         <td>Hidden Content 1 </td> 
         <td>Hidden Content 2 </td> 
         <td>Hidden Content 3 </td> 
         </details> 
        </tr> 

は誰もこの問題accrossに来て、それを解決するために管理している私は、行の内側にタグを入れて試してみましたが、私は同じ問題accross来ますか？