如何基于行展开和折叠行

时间:2016-02-01 13:00:50

标签: javascript html css

我需要你的助手使用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++;
} 

%>

1 个答案:

答案 0 :(得分:0)

您可以通过以下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 / etc选择元素。并改变他们的显示状态。