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();

演示：Fiddle

jQuery .slideToggle（）默认隐藏

1 个答案: