Utilisation des onglets dans les onglets avec

Question

Eh bien, nous y voilà. J'essaie de faire une liste en utilisant des techniques onglets, montage css était perfeitoa, ainsi que les boutons pour chaque catégorie, le problème est que je ne peux pas faire l'appel chaque contenu via jquery, par exemple:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#menu_tabs li a:first').addClass('active'); 
      $('#menu_rating li a:first').addClass('active'); 

      $('#menu_tabs li a').click(function(){ 
       $('#menu_tabs li a').removeClass('active'); 
       $(this).addClass('active'); 
      });            

      $('#menu_rating li a').click(function(){ 
       $('#menu_rating li a').removeClass('active'); 
       $(this).addClass('active'); 
      }); 
     }); 
    </script> 

Ce que je besoin:

Ce #manu_tabs est le menu du haut, les catégories sont, regardez lien page

http://www.brasileiromx.com.br/web/classificacao_limpo.php

J'ai réussi à faire les boutons restent actifs et inactifs, ne peut faire aucun plus de contenu à venir quand je cliquez sur le bouton mundial par exemple. Les #menu_rating sont les catégories de chaque modalité dans le cas MX1 et MX2, et sont dans chaque catégorie parente.

Utilisez le lien qui est allé voir le code HTML.

Merci!

Answer 1

Voici ce que je pouvais faire:

 $(document).ready(function() { 
      $('#menu_tabs li a:first').addClass('active'); 
      $('#menu_rating li a:first').addClass('active'); 

      $('#menu_tabs li a').click(function(){ 
       $('#menu_tabs li a').removeClass('active'); 
       $(this).addClass('active'); 

       $(".tabs div").hide(); 
       $($(this).attr("href")).show(); 
       $($(this).attr("href")).find("div").removeClass("active"); 
       $($(this).attr("href")).find("div:first").addClass("active"); 
       $($(this).attr("href")).find("div:first").show(); 

      });            

      $('#menu_rating li a').click(function(){ 
       $('#menu_rating li a').removeClass('active'); 
       $(this).addClass('active'); 
       $(this).parent().parent().parent().find("div").hide(); 
       $($(this).attr("href")).show(); 
      }); 
     }); 

Comme vous pouvez le voir, les onglets enfants ne deviennent actifs lorsque vous cliquez sur l'onglet parent car ils partagent tous le même ID. Je vous suggère de supprimer les ID en double et de les styler avec des noms de classe au lieu de leur ID.

jsFiddle: http://jsfiddle.net/2GfxL/1/