Âncora com smooth scroll no DOM do Jquery

Tenho esse código jquery que abre páginas php em uma determinada div.

$('.abas').on('click', function(){
 var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"];
 aba_index = $(this).attr('tabindex');
 $('.abas').removeClass('active');
 $(this).addClass('active');

// alert("Tentou Carregar "+"caminho/"+paginas[parseInt(aba_index) - 1])

 $("#texto").load ("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1]);
});

var $doc = $('html, body');
$('.scrollSuave').click(function() {
 $doc.animate({
 scrollTop: $( $.attr(this, 'href') ).offset().top
 }, 500);
 return false;
 });

html

<div id="sticky-anchor"></div>
<div id="sticky">

<div class="abas abas1" tabindex="1">
 <a href="#texto" class="scrollSuave">
Planejamento Estratégico</a>
</div>
<div class="abas abas2" tabindex="2">
 <a href="#texto" class="scrollSuave">Mentoria Food Service</a>
</div>
<div class="abas abas3" tabindex="3">
 Terceirização Financeira
</div>
<div class="abas abas4" tabindex="4">
 Marketing Full Time
</div>
<div class="abas abas5" tabindex="5">
 Mastermind
</div>
<br clear="all" /><br />
</div>
<div id="texto">
</div>

	Estou fazendo assim mais não troca de página só faz a âncora

	Como o jquery poderia fazer o DOM e uma âncora na **id #texto**, **com smooth scroll**?