javascript - 如何根据行展开和折叠行

Question

我需要你的助手使用 javascript 根据一行展开和折叠多行。该行是根据查询返回的值动态生成的。我需要显示文件夹的名称，并在其下方显示子文件夹的名称。这是表格的代码:

<table border="0" cellspacing="1" cellpadding="0" width="100%" height="106">
<%

  int i=1;
  int j=0

  do
  {
 //SQL Query

  String sz_FolderName=res.getString(2);    

  String sz_NumberOfDocument=RS_NumberOfDocument.getString(1);

%>

    <tr>
      <td><%=i%></td>
      <td>
        <span style="text-decoration: none">
            <%=sz_FolderName%><img id="image<%=i%>" src="../expand.gif"> </span></td>

      <td>
        <p align="center"><%=sz_NumberOfDocument%></td>

    </tr>

<%   
 //SQL Query

            String Subsz_FolderNumber=Subres.getString(1);  
            String Subsz_FolderName=Subres.getString(2);    

%>  
    <tr>
        <td>
                <p style="text-align: left">&nbsp;</td>
                <td>
                <p style="text-align: left">&nbsp; 
                &#9658; <%=Subsz_FolderName%></td>
                <td style="text-align: center;">
                <%=sz_FolderName%></td>
    </tr>

 <%
        }

j++;
i++;
} 

%>

Answer 1

您可以通过 js 显示您的元素，如下所示:

element.style.display = 'none';           // Hide
element.style.display = 'block';          // Show
element.style.display = 'inline';         // Show
element.style.display = 'inline-block';   // Show

通过 id/name/class/等选择元素。并改变它们的显示状态。