0

を使用して.slideToggle()います。デフォルトで要素を非表示にして、クリックすると下にスライドできるようにします。

私はそのHTMLコードを持っています

<table>
  <tr class="master">
    <td class="entry">Hello</td>
    <td class="entry">Kitty</td>
  </tr>
  <tr>
    <td class="entry">Hello 1</td>
    <td class="entry">Kitty 1</td>
  </tr>
  <tr>
    <td class="entry">Hello 2</td>
    <td class="entry">Kitty 2</td>
  </tr>
  <tr class="master">
    <td class="entry">Hello</td>
    <td class="entry">Kitty</td>
  </tr>
  <tr>
    <td class="entry">Hello 1</td>
    <td class="entry">Kitty 1</td>
  </tr>
  <tr>
    <td class="entry">Hello 2</td>
    <td class="entry">Kitty 2</td>
  </tr>
</table>

これはjQueryです

$(document).ready(function() {    
  $('.entry').hide(); // I also tried .slideUp
  $('.master').click(function() {
  $(this).nextUntil('tr.master').slideToggle(100, function() {
});});});

エントリ クラスを非表示にしようとした場合、.hide()または.slideUpを使用して表示できない場合.slideToggle

助言がありますか？

4

1 に答える 1

2

tr.master非要素を非表示にする必要があります

$('.master').nextUntil('tr.master').hide();

デモ:フィドル

于 2013-10-24T02:44:02.203 に答える