Hi All,

 

is there any possiablity to toggle the Display and also one image

such as if i want to expand and collapse on clicking a header should toggle both the items

 

here is the sample code how i did it, but struck to toggle the image

 

$("#divActivities").hide();

$("td:contains(Activities)").click(function () {
        $("#divActivities").toggle();
    });

 

here is the HTML

 

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="AllTables tablePaddingBottom">
    <tr runat="server" id="trActivities" >
        <td width="99%">
            <a class="divHeaders" href="#" >
                Activities</a>
        </td>
        <td width="1%">
            <img id="imgActivities" alt="Activities"  src="../Common/Images/Expand.png" />
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div id="divActivities" >
                <table border="0" cellpadding="0" cellspacing="2" width="100%" class="AllTables">
                    <tr>
                        <td width="25%" align="right" class="AllTablesKey">
                            <asp:Label ID="lblLocation" runat="server" Text="Location"></asp:Label>
                        </td>
                        <td class="AllTablesValue" width="80%">
                            <asp:DropDownList ID="ddlLcoation" runat="server" Width="240px" CssClass="AllControls">
                                <asp:ListItem>[Selection Location]</asp:ListItem>
                            </asp:DropDownList>
                        </td>
                    </tr>   
  </table>
 </div>
       </td>
    </tr>
</table>

Raghuram