Java 如何在可折叠表中一次仅显示一行,切换

Java 如何在可折叠表中一次仅显示一行,切换,java,jquery,html,css,Java,Jquery,Html,Css,下面的代码用于切换表中的行。我的所有行都使用类“labels”进行单击,并使用“hide”切换隐藏的数据。如何使用户一次只能看到一行隐藏数据,而不是单击多行并看到所有隐藏数据 $('[data-toggle="toggle"]').change(function(){ $(this).parents().next('.hide').toggle(); }); }); 在方法和hide的帮助下获取所有剩余元素 $('[data-toggle="toggle"]')

下面的代码用于切换表中的行。我的所有行都使用类“labels”进行单击,并使用“hide”切换隐藏的数据。如何使用户一次只能看到一行隐藏数据,而不是单击多行并看到所有隐藏数据

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

在方法和hide的帮助下获取所有剩余元素

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