Использование вкладок в пределах вкладок с

Question

Ну, вот мы идем. Я пытаюсь составить список с помощью вкладок методов, установка css была perfeitoa, а также кнопки для каждой категории, проблема в том, что я не могу сделать вызов каждого контента через jquery, например:

<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> 

Что мне нужно:

Это #manu_tabs является верхнее меню, категории, смотрите ссылку на страницу

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

мне удалось сделать кнопки остаются активными и неактивными, не может делать какие-либо больше контента, когда я нажмите кнопку mundial на примере.

#menu_rating - это категории каждой модальности в случае MX1 и MX2, и они находятся в пределах каждой родительской категории.

Используйте ссылку, которая отправилась на HTML.

Спасибо!

Answer 1

Вот что я мог бы сделать:

 $(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(); 
      }); 
     }); 

Как вы можете видеть, дочерние вкладки не станут активными при нажатии на вкладку родительской, потому что все они имеют один и тот же идентификатор. Я бы предложил вам удалить дубликаты идентификаторов и стилизовать их с именами классов, а не их идентификатором.

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