multi tabs

[hsilva]

bom dia estou construir uma pagina com multi tabs. mas na estou conseguir por funcionar a tab que esta dentro da outra tab...

esta aqui o codigo:

<script type="text/javascript" src="code.jquery.com/jquery-1.7.2.min.js%22%3E%3C/script%3E"></script>
<script type="text/javascript">
   $(document).ready(function () {
       $("#content div").hide(); // Initially hide all content
       $("#content_2 div").hide(); // Initially hide all content
       $("#tabs li:first").attr("id", "current"); // Activate first tab
       $("#tabs_2 li:first").attr("id", "current"); // Activate first tab
       $("#content div:first").fadeIn(); // Show first tab content
       $("#content_2 div:first").fadeIn(); // Show first tab content


       $('#tabs a').click(function (e) {
           e.preventDefault();
           if ($(this).closest("li").attr("id") == "current") { //detection for current tab
               return
           }
           else {
               $("#content div").hide(); //Hide all content
               $("#content_2 div").hide(); //Hide all content
               $("#tabs li").attr("id", ""); //Reset id's
               $("#tabs_2 li").attr("id", ""); //Reset id's
               $(this).parent().attr("id", "current"); // Activate this
               $('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
           }
       });
   });
</script>

<ul id="tabs">
   <li><a href="#" name="tab1">One</a></li>    
   <li><a href="#" name="tab2">Two</a></li>
   <li><a href="#" name="tab3">Three</a></li>
   <li><a href="#" name="tab4">Four</a></li>    
</ul>

<div id="content">
   <div id="tab1">
       <ul id="tabs_2">
           <li><a href="#" name="tab5">1</a></li>    
           <li><a href="#" name="tab6">2</a></li>
           <li><a href="#" name="tab7">3</a></li>
           <li><a href="#" name="tab8">4</a></li>    
       </ul>

       <div id="content_2">
            <div id="tab5">

           </div>
           <div id="tab6">...</div>
           <div id="tabe7">...</div>
       </div>
       </div>
   <div id="tab2">

   </div>
   <div id="tab3">

   </div>
   <div id="tab4">

   </div>
</div>

[brunoais]

Ok. E?

É preciso informação! Se não indicas informação bem podes esquecer a ajuda porque não há ajuda possível. Bruxos? aqui não há!

[yoda]

Usa o jQuery UI Tabs, parece-me indicado.

[Octàvio Luzio]

tens aqui um tab simples e fazte explicar melhor qual o problema sff

<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div class="tab-container">
<div id="tabs">
<ul>
 <li><a href="#tabs-1">Nunc tincidunt</a></li>
 <li><a href="#tabs-2">Proin dolor</a></li>
 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
 <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris.</p>

</div>
<div id="tabs-2">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris.</p>
</div>
<div id="tabs-3">
 <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris.</p>
 <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris.</p>
</div>
</div>
</div>

Edited August 10, 2012 at 10:32 PM by Octàvio Luzio

[HappyHippyHippo]

tens aqui um tab simples e fazte explicar melhor qual o problema sff

tens a noção do que acabaste de apresentar ???

achas que isso funciona corretamente ???

[Octàvio Luzio]

tens a noção do que acabaste de apresentar ???

achas que isso funciona corretamente ???

Boas...

Tabs são geralmente usados ​​para quebrar o conteúdo em várias seções que podem ser trocados para economizar espaço ou seja mostra ou esconde (SHOW HIDE) conteudos.

sim o codico esta correto...mas imcompleto certo... para completares procura aqui o que te falta para fazer as funço~es que realmente se adptão ao quer que seja. Veja aqui: http://jqueryui.com/demos/tabs/

Espero que esteja certo!!!

Abraço

Edited August 10, 2012 at 11:07 PM by Octàvio Luzio

[HappyHippyHippo]

eu sei perfeitamente o que tabs .. e se o @hsilva perguntou é porque também sabe

agora, o problema é que se o @hsilva pegar no teu código e espeta-lo numa página ele, não irá funcionar porque não deste informação suficiente para que ele o conseguisse fazer. logo por muito que te pareça correto, está realmente errado.

da próxima tens de dizer à partida que o exemplo dado usa o jQuery UI