java - 如何在可折叠表格中一次只显示一行，切换

Question

我有以下代码可以切换表格中的行。我所有的行都使用类“标签”进行点击，并使用“隐藏”来切换隐藏数据。我该如何做到这一点，以便用户一次只能看到其隐藏数据的一行，而不是点击多行并看到所有这些数据？

    $('[data-toggle="toggle"]').change(function(){
        $(this).parents().next('.hide').toggle();
    });
});

Answer 1

借助 not() 获取所有剩余元素方法和隐藏。

$('[data-toggle="toggle"]').change(function(){
    // cache element reference
    let $ele = $(this).parents().next('.hide');
    // toggle element
    $ele.toggle();
    // hide remaining 
    $('.hide').not($ele).hide();
});