I am trying to display a list of Job Categories and the jobs. I have this setup as nested repeaters. I want the job categories to be the header to hide and show..... Can someone help?
<code>
<%
@ Page Language="VB" MasterPageFile="~/LRRI.master" AutoEventWireup="false" CodeFile="CareerListing.aspx.vb" Inherits="CareerListing" %>
<%
@ Register TagPrefix="ucCareerMenu" TagName="CareerMenu" Src="~/controls/CareerMenu.ascx"%>
<%
@ Register Assembly="AtlasControlToolkit" Namespace="AtlasControlToolkit" TagPrefix="cc1" %>
<
asp:Content ID="Content1" ContentPlaceHolderID="contentMenu" Runat="Server">
<asp:PlaceHolder ID="phMenu" runat="server">
<ucCareerMenu:CareerMenu id="SplashMenu" runat="server" />
</asp:PlaceHolder>
</
asp:Content>
<
asp:Content ID="Content2" ContentPlaceHolderID="contentBody" Runat="Server">
<atlas:ScriptManager id="MyScriptManager" runat="server">
</atlas:ScriptManager>
<asp:Panel ID="panelCategories" runat="server">
<asp:LinkButton ID="linkButton1" runat="server" ForeColor="#804000">
<asp:Label ID="Label1" runat="server">Show Details..</asp:Label>
</asp:LinkButton>
<asp:Panel ID="collapsedPanel" Height="0" runat="server">
<asp:Repeater ID="rptCategory" runat="server">
<ItemTemplate>
<table width="100%" border="0" cellpadding="3"><tr><td align="left">
<fieldset class="blueback"><b><%# DataBinder.Eval(Container.DataItem, "Category") %></b></fieldset>
</td></tr><tr><td>
<asp:Repeater ID="rptJobs" runat="server" DataSource='<%# Container.DataItem.Row.GetChildRows("CategoryRelation") %>'>
<ItemTemplate>
<fieldset>
<b><%#Container.DataItem("Title")%></b>
<br /><br />
<%
#Container.DataItem("Description")%>
</fieldset>
<br /><br />
</ItemTemplate>
</asp:Repeater>
</td></tr></table>
</ItemTemplate>
</asp:Repeater>
</asp:Panel>
</asp:Panel>
<cc1:CollapsiblePanelExtender ID="cPanel" runat="server">
<cc1:CollapsiblePanelProperties SuppressPostBack="true" CollapsedText="Show Details.."
ExpandControlID="linkButton1" CollapseControlID="linkButton1"
ExpandDirection="Vertical" Collapsed="true"
CollapsedSize="0" AutoExpand="false" ExpandedText="Hide Details.."
TargetControlID="collapsedPanel" TextLabelID="Label1"/>
</cc1:CollapsiblePanelExtender>
</
asp:Content>
</code>
I have tried a couple of things to rearrange them this way... but then I get an error that it cannot find one of the controls. Any help would be appreciated.