內容摺疊效果

<%@ Page Language="C#" MasterPageFile="~/Admin/Admin.master" AutoEventWireup="true" CodeFile="ShowOrder.aspx.cs" Inherits="Admin_ShowOrder" Title="第三波+書店|訂單審覈" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphAdmin" Runat="Server">
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"/>
  <script language="javascript" type="text/javascript">     
  
</script>
 <script language="javascript" type="text/javascript">
         function ShowDetail(object)
         {
           
           table=object.parentElement.parentElement.parentElement;
           if(table.rows(1).style.display=="none")
           {
             table.rows(1).style.display="block";
             object.innerText="-";
           }
           else
           {
              table.rows(1).style.display="none";
              object.innerText="+";
           }
         }
 function ShowTest(object)
     {
       var divs=document.getElementsByTagName("DIV");
         if(object.innerText=="+")
         {
            object.innerText="-";
            for(var i=0;i<divs.length;i++)
            {
                if(divs[i].id=="showMess")
                {
                   divs[i].innerText="-";
                   table=divs[i].parentElement.parentElement.parentElement;
                   table.rows(1).style.display="block";   
                }
            }
         }
         else
         {
            object.innerText="+";
            for(var i=0;i<divs.length;i++)
            {
              if(divs[i].id=="showMess")
                {
                   divs[i].innerText="+";
                   table=divs[i].parentElement.parentElement.parentElement;
                   table.rows(1).style.display="none";   
                }
            }
         }
     }
  </script>
    <table width="700">
        <tr>
            <td style="width: 108px">
            </td>
            <td style="width: 144px">
            </td>
            <td style="width: 71px">
            </td>
            <td style="width: 369px">
            </td>
        </tr>
        <tr>
            <td style="width: 108px; height: 27px">
                開始日期：</td>
            <td style="width: 100px; height: 27px">
                <asp:TextBox ID="txtStar" runat="server" class="Wdate" οnfοcus="new WdatePicker(this,'%Y-%M-%D %h:%m',true,'default')">2001-12-12</asp:TextBox></td>
            <td style="width: 71px; height: 27px">
                <asp:Label ID="Label2" runat="server" Text="結束日期：" Width="82px"></asp:Label></td>
            <td style="width: 369px; height: 27px">
                <asp:TextBox ID="txtEnd" runat="server" class="Wdate" οnfοcus="new WdatePicker(this,'%Y-%M-%D %h:%m',true,'default')"></asp:TextBox>
                <asp:ImageButton ID="ibtnFindOrder" runat="server" Height="20px" ImageUrl="~/Images/Search.jpg"
                    OnClick="ibtnFindOrder_Click" Width="68px" /></td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:GridView ID="gbOrderInof" runat="server" AllowPaging="True" AllowSorting="True"
                    AutoGenerateColumns="False" CellPadding="4" DataKeyNames="Id" DataSourceID="obsOrder"
                    ForeColor="#333333" GridLines="None" Height="237px" OnRowDataBound="gbOrderInof_RowDataBound"
                    PageSize="4" Width="772px">
                    <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                    <RowStyle BackColor="#E3EAEB" />
                    <Columns>
                        <asp:TemplateField>
                            <HeaderTemplate>
                                <table width="100%">
                                    <tr>
                                        <td align="center" style="width: 15%" colspan="2">
                                            <div style="cursor:hand" οnclick="ShowTest(this)">
                                                +</div>
                                        </td>
                                        <td align="center" style="width: 100px">
                                            訂單號</td>
                                        <td align="center" style="width: 100px">
                                            用戶名</td>
                                        <td align="center" style="width: 100px">
                                            總價</td>
                                        <td align="center" style="width: 200px">
                                            訂單日期</td>
                                    </tr>
                                </table>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <table width="100%">
                                    <tr>
                                        <td align="center" style="width: 100px; height: 22px">
                                            <div id="showMess" style="cursor:hand" οnclick="ShowDetail(this)">
                                                +</div>
                                        </td>
                                        <td align="center" style="width: 100px; height: 22px;">
                                            <%#Eval("Id") %>
                                        </td>
                                        <td align="center" style="width: 100px; height: 22px;">
                                            <%#Eval("User.Name") %>
                                        </td>
                                        <td align="center" style="width: 100px; height: 22px;">
                                            <%#Eval("TotalPrice") %>
                                        </td>
                                        <td align="center" style="width: 200px; height: 22px;">
                                            <%#Eval("OrderDate") %>
                                        </td>
                                    </tr>
                                    <tr style="display:none">
                                        <td colspan="5">
                                            <asp:GridView ID="gvorderbook" runat="server" AutoGenerateColumns="False" BorderStyle="Dotted"
                                                CellPadding="4" ForeColor="#333333" GridLines="None" Height="139px" Width="100%">
                                                <Columns>
                                                    <asp:TemplateField HeaderText="訂單號">
                                                        <ItemTemplate>
                                                            <%#Eval("Order.Id") %>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="書名">
                                                        <ItemTemplate>
                                                            <%#Eval("Book.Title") %>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:BoundField DataField="Quantity" HeaderText="數量" SortExpression="Quantity" />
                                                    <asp:BoundField DataField="UnitPrice" HeaderText="價格" SortExpression="UnitPrice" />
                                                    <asp:TemplateField HeaderText="總價">
                                                        <ItemTemplate>
                                                            <%#Convert.ToInt16(Eval("Quantity")) * Convert.ToSingle(Eval("UnitPrice"))%>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                </Columns>
                                                <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                                                <RowStyle BackColor="#E3EAEB" />
                                                <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                                                <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                                                <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                                                <EditRowStyle BackColor="#7C6F57" />
                                                <AlternatingRowStyle BackColor="White" />
                                            </asp:GridView>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                    <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                    <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                    <EditRowStyle BackColor="#7C6F57" />
                    <AlternatingRowStyle BackColor="White" />
                </asp:GridView>
                <asp:ObjectDataSource ID="obsOrder" runat="server" SelectMethod="GetOrderDateList"
                    TypeName="MyBookShop.BLL.OrderBLL">
                    <SelectParameters>
                        <asp:Parameter DefaultValue="1900-01-01" Name="StartTime" Type="String" />
                        <asp:Parameter DefaultValue="3000-12-31" Name="EndTime" Type="String" />
                    </SelectParameters>
                </asp:ObjectDataSource>
            </td>
        </tr>
    </table>
</asp:Content>