javascript (expand and Collapse) + datagrid

[Ash1]

Sir,
I am having trouble with a piece of JavaScript code that expands blocks of text. For example, when you click More >>, the text under it will expand. And << Less it will collapse. I can get that to work. I can also get the data out of the database. My problem is that when I try to expand it expands all of the multiple expands and when I click on << Less it shrinks everything. What I am trying to do is take the data out of the database and expand just one item at a time. Can you help please?

I am using VB.NET into SQL Server

Here is the JavaScript code...

<script type="text/javascript" "> </script>
        <style />
 {
               width: 80px;
               height: 100%;
               margin-top: 10px;
               margin-right: 38px;
            }
           </style>

 

===================================================================

 

 

<ASP: DATAGRID id="GB" runat="server" width="93%" Font-Names="Arial" 

                                    AutoGenerateColumns="False" 

            CellPadding="4"  HeaderStyle-Font-Bold="True" AllowPaging="True" 

    AllowSorting="True" Font-Size="8pt" 

             GridLines="None" style="margin-right: 10px; margin-left: 3px; margin-top: 0px;" ShowHeader="False" Font-Bold="False" 

    Font-Italic="False" Font-Overline="False" 

                                    Font-Strikeout="False" 

    Font-Underline="False" Height="86%" ForeColor="#333333" >

                                        <FooterStyle BackColor="#990000" Font-Bold="True" Font-Italic="False" 

                                            Font-Overline="False" Font-Strikeout="False" Font-Underline="False" 

                                            ForeColor="White" />

                                        <SelectedItemStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />

                                        <PagerStyle Mode="NumericPages" BackColor="#FFCC66" Font-Bold="False" 

                                            Font-Italic="False" Font-Overline="False" Font-Strikeout="False" 

                                            Font-Underline="False" ForeColor="#333333" HorizontalAlign="Right" />

                                        <HeaderStyle Font-Bold="True" Font-Italic="False" Font-Overline="False" 

                                       Font-Strikeout="False" Font-Underline="False" 

                                       Wrap="False" BackColor="#990000" ForeColor="White" />

                                        <AlternatingItemStyle BackColor="White" />

                                        <ItemStyle BackColor="#FFFBD6" ForeColor="#333333" />

                                        <columns>

                                            <asp:templatecolumn>

                                                <itemstyle Font-Bold="False" Font-Italic="False" Font-Overline="False" 

                                                    Font-Strikeout="False" Font-Underline="False" />

                                                <itemtemplate>

                                                    <table>

                                                        <div />

                                                            <dd>

                                                                <img src="images/rate.gif" /> <b style="font-size: 13px; font-weight: bold"><%#Eval("Subject")%></b></dd>

                                                            <dd style="font-size: 13px;"/>

                                                                <b><%#Eval("dated")%>, <%#Eval("firstname")%>, <%#Eval("Location ")%>,  </b>

                                                            </dd>

                                                            <dd ID ="rshort5" name="reviewText" style="display:block; margin-left: 0px; font-size: 13px;" />

                                                                <%#Eval("shortnote")%> <a href="javascript:expandReview(5, 'r',1)" />....more » </a>

                                                            </dd>

                                                            <dd ID="rfull5" name="reviewText" style="display:none; margin-right: 15px; font-size: 13px;" />

                                                                <%#Eval("comment")%> <a href="javascript:expandReview(5, 'r',0)" /> «...less </a>

                                                            </dd>

                                                            </div>

                                                        </table>

                                                    </itemtemplate>

                                                </asp:templatecolumn>

                                            </columns>

                                                </asp: DataGrid>