jQuery Forum

   <div class="tabWrapper">

            <div id="tabs">

                <ul>

                    <li><a href="#tabs-1"><span>Current Status</span></a></li>

                    <li><a href="#tabs-2"><span>Budget vs. Actual</span></a></li>

                    <li><a href="#tabs-3"><span>Projected Expense</span></a></li>

                    <li><a href="#tabs-4"><span>Expense History</span></a></li>

                </ul>

                <div id="tabs-1">

                    <br />

                    <asp:Panel ID="pnlNoDataFound" runat="server">No data available at this time.</asp:Panel>

                    <asp:GridView ID="expenditureSummaryGrid" class="multiRowCashTable" runat="server"></asp:GridView>

                </div>    <%--close tab 1--%>

                <div id="tabs-2" >

                    <div class="buttonContainer"><button class="balanceButton" onclick="toggleButton('balance'); return false;" title="Toggle Balance Display">Hide Balance Table</button></div>

                    <asp:GridView ID="balanceGrid" class="multiRowCashTable" runat="server"></asp:GridView>  

                    <div class="buttonContainer"><button class="expenseButton" onclick="toggleButton('expense'); return false;" title="Toggle Expense Display">Show Expense Table</button></div>

                    <asp:GridView ID="expenseGrid" class="multiRowCashTable" runat="server"></asp:GridView>

                    <div class="buttonContainer"><button class="budgetButton" onclick="toggleButton('budget'); return false;" title="Toggle Budget Display">Show Budget Table</button></div>

                    <asp:GridView ID="budgetGrid" class="multiRowCashTable" runat="server"></asp:GridView> 

                </div>    <%--Close Tab 2--%>

                <div id="tabs-3">

                    <asp:Panel ID="divProjectionHeader" runat="server">                

                        <table class="tblProjectHeader">

                            <tr>

                                <td><asp:label ID="Label1" class="makeBold" runat="server" >Current Award Year: </asp:label><asp:label id="lblCurrAwardYear" runat="server" ></asp:label></td>

                                <td><asp:label ID="Label2" class="makeBold" runat="server" >Months Remaining: </asp:label><asp:label id="lblRemainingMonths" runat="server" ></asp:label></td>

                                <td><asp:label ID="Label3" class="makeBold" runat="server" >Burn Rate Months: </asp:label>

                                    <asp:DropDownList id="selBurnRateMonths"

                                        AutoPostBack="True"

                                        EnableViewState="True"

                                        runat="server">

                                        <asp:ListItem Selected="True" Value="12">12</asp:ListItem>

                                        <asp:ListItem Value="9">9</asp:ListItem>

                                        <asp:ListItem Value="6">6</asp:ListItem>

                                        <asp:ListItem Value="4">4</asp:ListItem>

                                        <asp:ListItem Value="3">3</asp:ListItem>

                                        <asp:ListItem Value="2">2</asp:ListItem>

                                        <asp:ListItem Value="1">1</asp:ListItem>                        

                                    </asp:DropDownList>

                                </td>

                                <td><asp:label ID="Label4" class="makeBold" runat="server" >Months Included:</asp:label><asp:label id="lblBurnRateMonths" runat="server" ></asp:label></td>

                            </tr>

                        </table>                                     

                    </asp:Panel>

                    <br /><br />

                    <asp:Panel ID="pnlProjection" runat="server"></asp:Panel>

                    <br />

                    <asp:Panel ID="divCalc" runat="server">

                        <button id="calcButton" onclick="calcAdjustedBalance(); return false;"  >Calc</button>

                        <button id="zeroButton" onclick="calcZero(); return false;"  >Zero</button>

                        <button id="resetButton" onclick="resetForm(); return false;"  >Reset</button>

                    </asp:Panel>

                </div>    <%--Close tab 3--%>

                <div id="tabs-4" >

                    <p><h1>Hello</h1></p>

                </div>    <%--Close tab 4--%>

            </div>    <%--Close tabs--%>        

        </div>  <%--Close Tab Wrapper--%>