Jquery ui tabs disponíveis fx opções no Brasil

Eu gostaria de saber como incorporar a minha tag div, que eu quero estar dentro da aba de uma guia jquery: Eu tenho este código: No entanto, isso não incorpora corretamente o div (painel de id) no div tabs-1 e apenas Sai na parte inferior da guia, não corretamente dentro dela, mas ainda desaparece quando eu clicar em outra guia. Eu anexei uma imagem demonstrando meu problema, desculpas se o conteúdo dentro é irrelevante. Clique neste link para ver o problema: i. stack. imgurZImwI. png. Como você pode ver, não está dentro da guia, mas ainda vai embora quando você clicar em outra guia. O que devo fazer para ser capaz de realmente colocar esse div, que eu não vou mudar, na guia para que ele realmente vai dentro dela. Tentei tornar isso o mais claro possível. ThanksjQuery UI Demos jQuery UI oferece uma combinação de interação, efeitos, widgets, utilitários e temas projetados para trabalhar bem juntos ou por conta própria. Jogue com as demonstrações, veja a fonte, crie um tema. Leia a documentação da API e comece a usar jQuery UI hoje. Interações As interações adicionam comportamentos básicos baseados em mouse a qualquer elemento. Você pode criar listas classificáveis, elementos redimensionáveis, comportamentos de queda de ampères de arrastar e muito mais com apenas algumas linhas de código. As interações também fazem grandes blocos de construção para widgets e aplicativos mais complexos. Os widgets são controles de interface com todos os recursos que trazem a riqueza de aplicativos de desktop para a Web. Todos os widgets fornecem um núcleo sólido com uma abundância de pontos de extensão para personalizar o comportamento, bem como suporte de tema completo. Efeitos adicionar suporte para animar cores e transições de classe, bem como fornecer vários easings adicionais. Além disso, um conjunto completo de efeitos personalizados está disponível para uso ao mostrar e ocultar elementos ou apenas para adicionar algum recurso visual. Utilitários usados ​​pela jQuery UI para criar interações e widgets. InteractionsTabs Widget Interação do teclado Quando o foco está em uma guia, os seguintes comandos de teclas estão disponíveis: UP LEFT. Mover o foco para a guia anterior. Se na primeira guia, move o foco para a última guia. Ative o separador focado após um pequeno atraso. PARA BAIXO DIREITO. Mover o foco para a próxima guia. Se na última guia, move o foco para a primeira guia. Ative o separador focado após um pequeno atraso. CTRL PARA CIMA ESQUERDA. Mover o foco para a guia anterior. Se na primeira guia, move o foco para a última guia. A aba focalizada deve ser ativada manualmente. CTRL PARA BAIXO DIREITO. Mover o foco para a próxima guia. Se na última guia, move o foco para a primeira guia. A aba focalizada deve ser ativada manualmente. CASA. Mover o foco para a primeira guia. Ative o separador focado após um pequeno atraso. FIM. Mover o foco para a última guia. Ative o separador focado após um pequeno atraso. CTRL HOME. Mover o foco para a primeira guia. A aba focalizada deve ser ativada manualmente. CTRL END. Mover o foco para a última guia. A aba focalizada deve ser ativada manualmente. ESPAÇO. Ative o painel associado à guia focada. ENTRAR. Ativar ou alternar painel associado com guia focada. ALT OPTION PAGE UP. Mova o foco para a guia anterior e ative-a imediatamente. ALT OPTION PAGE PARA BAIXO. Mova o foco para a guia seguinte e ative-a imediatamente. Quando o foco está em um painel, os seguintes comandos de teclas estão disponíveis: CTRL UP. Mover o foco para a guia associada. ALT OPTION PAGE UP. Mova o foco para a guia anterior e ative-a imediatamente. ALT OPTION PAGE PARA BAIXO. Mova o foco para a guia seguinte e ative-a imediatamente. O widget de tabs usa o framework jQuery UI CSS para modelar seu visual e sensação. Se o estilo específico das guias é necessário, os seguintes nomes de classe CSS podem ser usados ​​para substituições ou como chaves para a opção classes: ui-tabs. O recipiente externo das abas. Este elemento terá, adicionalmente, uma classe de ui-tabs-foldable quando a opção dobrável for definida. Ui-tabs-nav. A lista de guias. Ui-tabs-tab. Um dos itens na lista de tabs. O item ativo terá a classe ui-tabs-active. Qualquer item de lista cujo conteúdo associado esteja carregando através de uma chamada Ajax terá a classe ui-tabs-loading. Ui-tabs-anchor. As âncoras utilizadas para alternar painéis. Ui-tabs-panel. Os painéis associados às guias. Apenas o painel cuja guia correspondente está ativa estará visível. Dependências Notas adicionais: Este widget requer alguns CSS funcionais, caso contrário, wonapost trabalho. Se você criar um tema personalizado, use o arquivo CSS específico do widgetaposs como ponto de partida. ActivexA0 Que painel está atualmente aberto. Vários tipos suportados: Boolean. Definir ativo como falso irá recolher todos os painéis. Isso exige que a opção recolhível seja verdadeira. Inteiro. O índice baseado em zero do painel que está ativo (aberto). Um valor negativo seleciona os painéis que vão para trás a partir do último painel. Exemplos de código: Inicialize as guias com a opção ativa especificada: