I can't figure this out! I see others have had similar issues but I can't seem to make any of their solutions work. I'm gussing I need to figure out a way to make the accordions generate a GUID ID for each pain but I can't get anything to work.
Multiple controls with the same ID 'h0' were found. FindControl requires that controls have unique IDs.
<ajaxToolkit:Accordion ID="EntreeAc" runat="server" HeaderCssClass="accordian-header" ContentCssClass="accordian-content" HeaderSelectedCssClass="accordian-header selected" FadeTransitions="true" Width="100%" SelectedIndex="-1" TransitionDuration="600" RequireOpenedPane="False"><HeaderTemplate><%# DataBinder.Eval(Container.DataItem, "CalendarMenuDescription")%></HeaderTemplate><ContentTemplate><div id="ContentDiv" class="content" runat="server"><asp:Label ID="RecipeNumberLb" runat="server" Text='<%# Eval("RecipeNumber")%>'></asp:Label><div class="row"><h3 class="food-name"><asp:Label ID="FoodNameLa" runat="server" Text='<%# Eval("CalendarMenuDescription") %>'></asp:Label></h3></div><div class="row"><div class="large-6 columns"><asp:Image ID="RecipePhotoIm" runat="server" onerror="this.style.display='none'" CssClass="recipe-image" /></div><div class="large-6 columns"><asp:DetailsView ID="NutrientsDV" runat="server" Width="100%"></asp:DetailsView></div></div></div></ContentTemplate></ajaxToolkit:Accordion><h1>Sides</h1><ajaxToolkit:Accordion ID="SidesAc" runat="server" HeaderCssClass="accordian-header" ContentCssClass="accordian-content" HeaderSelectedCssClass="accordian-header selected" FadeTransitions="true" Width="100%" SelectedIndex="-1" TransitionDuration="600" RequireOpenedPane="False"><HeaderTemplate><%# DataBinder.Eval(Container.DataItem, "CalendarMenuDescription")%></HeaderTemplate><ContentTemplate><div id="ContentDiv" class="content" runat="server"><asp:Label ID="RecipeNumberLb" runat="server" Text='<%# Eval("RecipeNumber")%>'></asp:Label><div class="row"><h3 class="food-name"><asp:Label ID="FoodNameLa" runat="server" Text='<%# Eval("CalendarMenuDescription") %>'></asp:Label></h3></div><div class="row"><div class="large-6 columns"><asp:Image ID="RecipePhotoIm" onerror="this.style.display='none'" runat="server" CssClass="recipe-image" /></div><div class="large-6 columns"><asp:DetailsView ID="NutrientsDV" runat="server" Width="100%"></asp:DetailsView></div></div></div></ContentTemplate></ajaxToolkit:Accordion>