Jquery可折叠TR被隐藏

Question

我正在使用下面提到的链接中的可折叠行 但我无法弄清楚应该做些什么来保持chil行隐藏，如果有人点击了父tr。

我试过像

这样的东西

https://jsfiddle.net/p9mtqhm7/52/

<script>
 \$(document).ready(function(){
\$('.childtr').hide();
});
\$('.freasontr').click(function(){
//alert('hi');
    if(\$(this).hasClass(\"collapsed\")){
        \$(this).nextUntil('tr.freasontr')
        .find('td')
        .parent()
        .find('td > div')
        .slideDown(\"fast\", function(){
            var set = \$(this);
            set.replaceWith(set.contents());
        });
        \$(this).removeClass(\"collapsed\");
// \$(this).addClass(\"collapsed\");
//alert('hello');
    } else {
        \$(this).nextUntil('tr.freasontr')
        .find('td')
        .wrapInner('<div style=\"display: block;\" />')
        .parent()
        .find('td > div')
        .slideUp(\"fast\");
        \$(this).addClass(\"collapsed\");
    }
// \$(this).removeClass(\"collapsed\");
//alert('bye');
});
</script> ";

在这种情况下可以做些什么？

Answer 1

试试吧

＆＃13;

＆＃13;

$(document).ready(function(){
    $('.freasontr').each(function(){
        $(this).trigger('click');
    });
});

＆＃13;

＆＃13;

＆＃13;

或者

＆＃13;

＆＃13;

$(document).ready(function(){
    $('.freasontr').each(function(){
        $(this).nextUntil('tr.freasontr')
        .find('td')
        .wrapInner('<div style="display: block;" />')
        .parent()
        .find('td > div')
        .slideUp("fast");
        $(this).addClass("collapsed");
    });
});

＆＃13;

＆＃13;

＆＃13;