Olá.
Eu tenho o seguinte cenário.
Eu quero usar o CollapsiblePanelExtender do AjaxControlToolkit para fazer um painel collapsed.
Porém, o conteúdo que esse painel irá exibir será dinâmico e estará dentro de uma div.
A minha div já existe e dentro dela existem vários controles e quero adicionar esta div inteira dentro do asp:Painel que será exibido pelo CollapsiblePanelExtender.
Se eu pudesse fazer isto via codebehind seria só usar o:
Painel.Controls.Add(div);
Porém quero adicionar esta div ao meu painel via jquery ou javascript.
Como posso fazer isso?
HTML (Paineis para montar o Collapse)
<asp:Panel ID="painelCollapsedCabecalho" runat="server" CssClass="cpHeader">
<asp:Label ID="lblCabacalho" runat="server" Text="Click here" />
</asp:Panel>
<asp:Panel ID="painelCollapsedCorpo" runat="server" CssClass="cpBody"/>
<cc1:CollapsiblePanelExtender ID="cpeCollapsed" runat="server" TargetControlID="painelCollapsedCorpo"
CollapseControlID="painelCollapsedCabecalho" ExpandControlID="painelCollapsedCabecalho"
Collapsed="true" TextLabelID="lblCabacalho" CollapsedText="Click to Show Search..."
ExpandedText="Click to Hide Search..." CollapsedSize="0" BehaviorID="collapsibleBehavior" />
Script (Esta é a forma como eu tencionava adicionar a div ao meu asp:Painel, porém não funciona.)
<script type="text/javascript">
function pageLoad(sender, args) {
$("#painelCollapsedCorpo").append($("#divPesquisar"));
}
</script>