tabs и страницы
 

Подскажите как сделать постраничную навигацию.
на странице есть вкладки:

<div id="tabs">
  <div id="tab1"><p>текст</p></div>
  <div id="tab2"><p>текст</p></div>
  <div id="tab3"><p>текст</p></div>
</div>

Вкладки получаются так:

$(document).ready(function(){
  $('#citytext div:not(:first)').hide();
  
  $('#citymenu li').click(function(event) {
    event.preventDefault();
    $('#citytext div').hide();
    $('#citymenu .current').removeClass("current");
    $(this).addClass('current');
    
    var clicked = $(this).find('a:first').attr('href');
    $('#citytext ' + clicked).fadeIn('fast');
  }).eq(0).addClass('current');
});

Предположим на второй вкладке надо сделать страницы. Как это реализовать?
И как перейти к вкладке с другой страницы?

Лучше конечно делать асинхронную подгрузку (AJAX).
Но можно обойтись и без этого. Тогда, если эти табы на странице в одном экземпляре, при переходе по табам дописывать текущий таб к hash'у страницы (location.hash). А при загрузке страницы (на onready) проверять location.hash и если там #tab2 скажем, то делать переход на этот таб. Альтернативный вариант - запоминать текущий таб в куках. Такой вариант отлично подойдет если таб-блоков на странице несколько.