$(document).ready(function() {
       
      //quando a pagina carregar...
      $(".cont_tab").hide(); //esconde todo conteudo
      $("ul.tabs li:first").addClass("active").show(); //ativa a primeira aba
      $(".cont_tab:first").show(); //mostra o conteudo da primeira aba
       
      //ao clicar
      $("ul.tabs li").click(function() {
      $("ul.tabs li").removeClass("active"); //remove qualquer classe “active”
      $(this).addClass("active"); //Adiciona a classe “active” na aba selecionada
      $(".cont_tab").hide(); //esconde o conteudo de todas as abas
      var activeTab = $(this).find("a").attr("href"); //encontra o atributo href para identificar a aba ativa e seu conteudo
      $(activeTab).fadeIn(); //Mostra o conteudo da aba ativa gradualmente
      return false;
      });
       
      });