我正在使用下面提到的链接中的可折叠行 但我无法弄清楚应该做些什么来保持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> ";
在这种情况下可以做些什么?
答案 0 :(得分:0)
试试吧
$(document).ready(function(){
$('.freasontr').each(function(){
$(this).trigger('click');
});
});
&#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;