Javascript 如何在页面加载时折叠展开的行

我需要你的帮助，在折叠扩展行是默认情况下，当页面加载。以下是javascript代码：

<script src="http://code.jquery.com/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">

  $(document).ready(function() {
    $('.RowToClick').click(function() {
      $(this).nextAll('tr').each(function() {
        if ($(this).is('.RowToClick')) {
          return false;
        }
        $(this).toggle(350);
      });
    });
  });

</script>

$（文档）.ready（函数（）{
$（'.RowToClick'）。单击（函数（）{
$（this）.nextAll（'tr'）.each（function（）{
if（$（this）.is（'.RowToClick'））{
返回false；
}
$（此）.toggle（350）；
});
});
});

下面是表标记中的tr代码，它折叠和展开tr标记：

<tr class="RowToClick">
  <td><%=i%></td>
  <td width="20%" style="padding: 1px; cursor: pointer" title="Click Here to Expand/Collapse Sub Folders">
  <span style="text-decoration: underline"><%=sz_FolderName%></span>
  </td>
</tr>

---

如果您想加载它。将所需的HTML元素放在一个DIV中（或者根据需要使用一些现有的TR），比如说eg divID

像这样开始编写脚本

     $('#divID').toggle();

请尝试以下脚本：

  $(document).ready(function() {

    $("table").each(function() {
         $("tr").each(function() {
             if ($(this).hasClass('RowToClick')) {
                       }
              else {
                                $(this).toggle(50);
                    }
                });
       });

       $('.RowToClick').click(function ()
                 {
                     $(this).nextAll('tr').each( function()
                     {
                         if ($(this).is('.RowToClick'))
                        {
                           return false;
                        }
                        $(this).toggle(350);
                     });
                 });

         });

更新：

你能试试这把小提琴吗：
添加以下CSS：

.RowToClick {
      display:none;
 }

或者添加内联样式

<tr class="RowToClick" style="display:none">

是否要在加载时折叠？是的，我要在页面加载时折叠。当前所有行都已展开。你是说整张桌子都应该放在沙发上吗？或者我应该引用一个空div？我应该把它放在文档上方吗？是否需要表的第一行在那里，而下面的所有行都要折叠？只需在脚本中再添加一部分。okopps，不知道为什么，但它对我有效。希望你能得到另一个答案。我本可以给你一把小提琴的