Question

我有一些可扩展的表行，但我不知道如何在一行展开时，所有其他行都崩溃。

Jquery的：

$(document).ready(function() {
  $('.expandable').click(function() {
    $(this).nextAll('tr').each(function() {
        if ($(this).is('.expandable')) {
            return false;
        }
        $(this).toggle(350);
    });
  });
  $('.expandable').nextAll('tr').each(function() {
    if (!($(this).is('.expandable'))) $(this).hide();
  });
});

HTML：

<table border="0">
<tbody>
<tr class="expandable">

Answer 1

只需使用相同的类折叠所有其他行：

$('.expandable').click(function() {
    $(".expandable").slideUp();
    $(this).slideDown();
});

Answer 2

您需要为cour click()函数添加隐藏功能，如下所示：

$('.expandable').click(function() {
    $('.expandable').not(this).nextAll('tr').hide();
    $(this).nextAll('tr').toggle();
});

第一行隐藏所有<tr>，而第二行显示所选的。{/ p>

Jquery一次扩展一行

2 个答案: