jquery - jQuery .slideToggle() 默认隐藏

Question

我正在使用.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

有什么建议么？

Answer 1

您需要隐藏非tr.master元素

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

演示：小提琴