Slidetoggleが行のグループで動作しない

Question

私はJquery Slidetoggleに苦労しています。trタグとtdタグでは機能しません。これはJsfiddleで試した小さなサンプルです。ループと私はtrセクションをexapandと崩壊する必要があります 私はJSfiddleで試してみてください、クラス "セクション"にドリルダウンする私のJavaScriptコードが間違っているかどうかを確認する手伝ってください。 https://jsfiddle.net/jsfiddleuser0601/dxgwreyw/1/

$('.show').click(function() { 
 

 

 
    alert ("show clicked"); 
 
    var content= $(this).closest('tbody').next('.section'); 
 
    // var content = $(this).closest('tbody').find('.section'); 
 
    var title = content.is(':visible') ? "Show" : "Hide"; 
 
    content.slideToggle('slow'); 
 
    alert("slide toggle operated"); 
 
    
 
    $(this).text(title); 
 
});

<table > 
 
     
 
     <tbody> 
 
      <tr> 
 
       <td class="show">Show 
 

 
       </td> 
 
      </tr> 
 
     </tbody> 
 
     <tbody> 
 
      <tr> 
 
       <td class="section"> 
 
        section 1 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td class="section"> 
 
        section 1 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table>

Answer 1

私はあなたが今achiveしようとしているのかわからないです。私はHTML構文が本当にいっぱいではないので、jQueryを手助けするのに問題があるかもしれないと感じています。

まず、jQueryライブラリをあなたのフィドルに含めておらず、何もそこで働いていないのです。

$('.show').click(function() { 
    alert("click clicked"); 

    $('.section').parent().each(function(){ 
    $(this).slideToggle(); 
    }); 

}); 

それはおそらく仕事ができる方法をより理解するためにhttps://jsfiddle.net/dxgwreyw/4/フィドルを参照してください。