aspnet jQuery Accordeon, Tab RSS

• • Reply
  

  alvaro_web

  Member

  121 Points

  172 Posts

  aspnet jQuery Accordeon, Tab

  Dec 07, 2012 10:38 AM|LINK

  using VS2010, aspnet, C#, jQuery

  It is possible to use jQuery Acordeon within a Tab? The acordeon works, but the tab do not work

  ------------------- source--------------

  <div id="tabs">
                      <ul>
                          <li><a href="#tabs-1">Aluno</a></li>
                          <li><a href="#tabs-2">Pais</a></li>
                      </ul>
                      <div id="tabs-1">
                          <asp:Panel ID="Conteudo" runat="server" Width="950px" Height="415px">
                              <fieldset class="ifieldset">
                                  <legend>
                                      <asp:Label ID="LblAluno" runat="server" Text="Relação dos Alunos"></asp:Label>
                                  </legend>
                                  <div id="accordionGeral" runat="server" style="text-align: left; width: 630px; height: 430px;">
                                      <div id="accordion">
                                          <h3>
                                              <a href="#">Identificação</a></h3>
                                           <h3>
                                              <a href="#">Endereço Residencial</a></h3>
                                           <h3>
                                              <a href="#">Informações de Saúde</a></h3>
                                            <h3>
                                              <a href="#">Informações Adicionais</a></h3>
                                       </div>
                                  </div>
                              </fieldset>
                          </asp:Panel>
                      </div>
                      <div id="tabs-2">
                      </div>

  </div>

• • Reply
  

  DarthSwian

  Star

  12771 Points

  2361 Posts

  Re: aspnet jQuery Accordeon, Tab

  Dec 07, 2012 10:48 AM|LINK

  Can you post your jquery code? 

  Mark as answer if I helped.
  
  Seek and ye shall find or http://lmgtfy.com/
  • Marked as answer by alvaro_web on Dec 10, 2012 11:16 AM
• • Reply
  

  Xequence

  Contributor

  4313 Points

  1528 Posts

  Re: aspnet jQuery Accordeon, Tab

  Dec 07, 2012 05:17 PM|LINK

  yes. http://jqueryui.com/tabs/

  <script>
      $(function() {
          $( "#tabs" ).tabs();
      });
      </script>

  
  
  

  perhaps fiddle your request to see if script is missing

  Mysite
  Credentials
  • Edited by xequence on Dec 07, 2012 05:17 PM
  • Marked as answer by alvaro_web on Dec 10, 2012 11:16 AM
• • Reply
  

  DarthSwian

  Star

  12771 Points

  2361 Posts

  Re: aspnet jQuery Accordeon, Tab

  Dec 07, 2012 05:45 PM|LINK

  This worked for me. You didn't have anything IN the 2nd tab

  <div id="tabs">
  <ul>
  <li><a href="#tabs-1">Aluno</a></li>
  <li><a href="#tabs-2">Pais</a></li>
  </ul>
  <div id="tabs-1">
  <asp:Panel ID="Conteudo" runat="server" Width="950px" Height="415px">
  <fieldset class="ifieldset">
  <legend>
  <asp:Label ID="LblAluno" runat="server" Text="Relação dos Alunos"></asp:Label>
  </legend>
  <div id="accordionGeral" runat="server" style="text-align: left; width: 630px; height: 430px;">
  <div id="accordion">
  <h3>
  <a href="#">Identificação</a></h3>
  <h3>
  <a href="#">Endereço Residencial</a></h3>
  <h3>
  <a href="#">Informações de Saúde</a></h3>
  <h3>
  <a href="#">Informações Adicionais</a></h3>
  </div>
  </div>
  </fieldset>
  </asp:Panel>
  </div>
  <div id="tabs-2">
  something
  </div>
  </div>

  $(function () {
  $("#tabs").tabs();
  $("#accordion").accordion();

  Mark as answer if I helped.
  
  Seek and ye shall find or http://lmgtfy.com/
  • Marked as answer by alvaro_web on Dec 10, 2012 11:16 AM