Hidden table row probs

[MATTXtwo]

Can I hidden the selected table row like this

<div style="display:none;" id="CheckCountry">    
<tr><%
Set RS = Server.CreateObject ("ADODB.Recordset")
rs.Open "Select Region,StateDesc FROM tblState ORDER BY StateDesc", OBJdbConnection, 3,  3
%>
    <td>Negeri Kelahiran</td>
    <td colspan="3">:
    <select id="State" name="State"> 
    <option VALUE="N/A" SELECTED>--__________________--</option>
    <%do while not rs.EOF
    %>
    <option value="<%=rs("Region")%>" <%if rs("Region")=session("Negeri_Kelahiran") then Response.Write("selected='Selected'")%>> <%=rs("StateDesc")%></option>
    <%
    rs.movenext
    loop
    rs.close
    %>
    </select></td>
</tr></div>

or is't I have to use div class....If yes..how to call css property outside this page

[DrBunchman]

Hi MATTXtwo,

You can't use a div inside a table as you have done above.

If you wish to hide the selected row then you can use the table row tags display property like this:

<tr style="display:none;">
<td>This should be hidden!</td>
</tr>

Does this help at all?

Dr B

[MATTXtwo]

but i want to have it hidden and unhidden to certain occasion...
i think ifound the solution by using css class to hide/unhide element

[MATTXtwo]

on the <tr> I have typein the syntax

").style.display = "none";

How to change the syntax to

").style.display = "block";

[danp129]

on the <tr> I have typein the syntax

").style.display = "none";

How to change the syntax to

").style.display = "block";

<script language="javascript">
function ToggleThisRow(rowid) {
  var row=document.getElementById(rowid);
  if (row.style.display=='none') {
    row.style.display='block';
  } else {
    row.style.display='none';
  }
}
</script>
 
<input type="button" value="click to toggle" onclick="ToggleThisRow('mysometimeshiddenrow1');">
<table>
  <tr>
    <td>always visible</td>
   </tr>
  <tr id="mysometimeshiddenrow1" style="display: none">
    <td>hidden by default</td>
  </tr>
</table>

[MATTXtwo]

Thanks but some logical error on my way...
what on html event that I can do to load function on javascript...
I mean event like onload or etc.. by doing that I can makesure some procedure to execute the hidden or unhidden the element