display postsとjQueryでのタブ切替の組み合わせの件で

WORDPRESS内の固定ページにて、タブで同ページ内で別のコンテンツを表示させておりまして、
2つ目のタブクリックのコンテンツでdisplay postプラグインにて記事タイトルの一覧表示をさせて、20件でページネーション、次の20件へいくようにしてあります。
ページネーションで次の20件へいくと、1つ目のタブに切り替わってしまい、2つ目のタブコンテンツ内はたしかに次の20件へ遷移はしています。
これをタブはそのまま2つ目を表示させたまま、ページネーションかけるには、どのようにすればいいのでしょうか？

タブ切り替えは、jQueryで以下のもので行っているのですが。

ご教示いただけますと助かります。

また、そこから記事単体へ飛んで、戻るボタンで元のページへ戻った時も、当然ながら、1つ目のタブにselectクラスが付与されてしまうので。

//ダイレクトリンク
jQuery(function() {
	//location.hashで#以下を取得 変数hashに格納
		var hash = location.hash;	
		//hashの中に#tab～が存在するか調べる。
		hash = (hash.match(/^#tab\d+$/) || [])[0];
	   
		 //hashに要素が存在する場合、hashで取得した文字列（#tab2,#tab3等）から#より後を取得(tab2,tab3)	
	　　　　if(jQuery(hash).length){
		var tabname = hash.slice(1) ;
		} else{
	　　　　// 要素が存在しなければtabnameにtab1を代入する
	　　　　var tabname = "tab1";}
		//コンテンツを一度すべて非表示にし、
		jQuery('.content_area').css('display','none');

		//一度タブについているクラスselectを消し、
		jQuery('.tab_area li').removeClass('select');

		var tabno = jQuery('ul.tab_area li#' + tabname).index();
		
		//クリックされたタブと同じ順番のコンテンツを表示します。
		jQuery('.content_area').eq(tabno).fadeIn();
		
		//クリックされたタブのみにクラスselectをつけます。
		jQuery('ul.tab_area li').eq(tabno).addClass('select')

		jQuery('a').on('click', function() {
	var tabname = (jQuery(this).attr('href').match(/#(tab\d+$)/) || [])[1];
	if (!tabname) {
		return;
	}

	//コンテンツを一度すべて非表示にし、
		jQuery('.content_area').css('display','none');

		//一度タブについているクラスselectを消し、
		jQuery('.tab_area li').removeClass('select');

		var tabno = jQuery('ul.tab_area li#' + tabname).index();
		
		//クリックされたタブと同じ順番のコンテンツを表示します。
		jQuery('.content_area').eq(tabno).fadeIn();
		
		//クリックされたタブのみにクラスselectをつけます。
		jQuery('ul.tab_area li').eq(tabno).addClass('select')
})
	
			});

jQuery(function() {
	//クリックしたときのファンクションをまとめて指定
	jQuery('ul.tab_area li').click(function() {
		//.index()を使いクリックされたタブが何番目かを調べ、
//		indexという変数に代入します。
		var index = jQuery('ul.tab_area li').index(this);

		//コンテンツを一度すべて非表示にし、
		jQuery('.content_area').css('display','none');

		//クリックされたタブと同じ順番のコンテンツを表示します。
		jQuery('.content_area').eq(index).fadeIn();

		//タブについているクラスselectを消し、
		jQuery('.tab_area li').removeClass('select');

		//クリックされたタブのみにクラスselectをつけます。
		jQuery(this).addClass('select')
	});
});