Google app maker 使桌子行的行为像手风琴

我正在使用表格来显示作业。表格行的初始高度值为300px。加载表格时，表格行高度降低到50px，以便隐藏一些细节，这是通过添加样式来完成的

.hidedetails {
 max-height: 50px; 
}

要显示隐藏的详细信息，用户需要单击向下箭头。通过这样做，.hidedetails样式将被删除并添加以下内容，同时向下箭头将变为向上箭头

要再次隐藏详细信息，用户只需单击向上箭头，然后再次更改为向下箭头。结果如下：

---

我想知道，如果我单击未选中的表格行的向下箭头，如何隐藏显示它们的表格行的详细信息。我试过使用JQuery，但它不起作用。

如果有人感兴趣，我可以通过将它添加到箭头图标的onClick事件中（这是一个按钮小部件）来实现我想要的

var tableRow=widget.parent.parent；
var rows=tableRow.parent.children.\u值；
如果（widget.text==（“键盘箭头向下”）{
对于（变量i=0；i-1）{
行[i]。样式=['hidedetails']；
行[i].subjects.Button3.text=“键盘箭头向下”；
}  
}
tableRow.styles=['showdetails']；
widget.text=“键盘箭头右键”；
}else if（widget.text==（“键盘箭头向右”））{
tableRow.styles=[“hidedetails”]；
widget.text=“键盘箭头向下”；
}

您尝试过内置的手风琴小部件吗？-。您可以尝试用它替换表中的列表。@PavelShkleinik我试过了。内置的accordion小部件的问题是，如果我单击该行，它将展开/收缩，并且不允许我编辑包含隐藏细节的行中其他小部件的值。我试着在合作伙伴管理模板的基础上构建它，但它给了我这个问题。你是如何将内容添加到扩展行的？我是说。。。我只想在行展开时显示一些信息。。。我该怎么做？@JuanBravoRoig您可以通过在行中插入水平或垂直面板来做到这一点，为行添加更明显的高度，这样您就可以可视化您要插入的所有内容，然后通过脚本您可以隐藏插入的面板并缩小行高，反之亦然。

.showdetails {
 min-height: 300px; 
}

var tableRow = widget.parent.parent;
var rows = tableRow.parent.children._values;

if (widget.text === ("keyboard_arrow_down") ) { 
  for (var i = 0; i < rows.length; i++) {
    if (rows[i].name.indexOf('Table2Row') > -1) {
      rows[i].styles = ['hidedetails'];
      rows[i].descendants.Button3.text = "keyboard_arrow_down";
    }  
  }
  tableRow.styles = ['showdetails'];
  widget.text = "keyboard_arrow_right";
} else if (widget.text === ("keyboard_arrow_right")){
    tableRow.styles = ["hidedetails"];
    widget.text = "keyboard_arrow_down";
}