<div id="content"> <div id="tabs"> <ul> <li><a href="blog/#tabs1">All</a></li> <li><a href="blog/#tabs2">Tips & Advice</a></li> <li><a href="blog/#tabs3">Tech News</a></li> [[!SimpleSearchForm? &tpl=`blogCats` &method=`get` &landing=`359`]] </ul> <div id="tabs1"> <p>[[!getPage? &includeTVs=`1` &processTVs=`1` &tpl=`articleRowSearchTpl` &element=`getResources` &limit`12` &showHidden=`1` &ActivePageTpl=`<li class="current"><a[[+title]] href="[[+href]]">[[+pageNo]]</a><li>`]]</p> <p>[[!+page.nav]]</p> </div> <div id="tabs2"> <p>[[!getPage? &tvFilters=`articlestags==%Tips%` &includeTVs=`1` &processTVs=`1` &tpl=`articleRowSearchTpl` &element=`getResources` &limit`12` &showHidden=`1` &ActivePageTpl=`<li class="current"><a[[+title]] href="[[+href]]">[[+pageNo]]</a><li>`]]</p> <p>[[!+page.nav]]</p> </div> <div id="tabs3"> <p>[[!getPage? &tvFilters=`articlestags==%Tech%` &includeTVs=`1` &processTVs=`1` &tpl=`articleRowSearchTpl` &element=`getResources` &limit`12` &showHidden=`1` &ActivePageTpl=`<li class="current"><a[[+title]] href="[[+href]]">[[+pageNo]]</a><li>`]]</p> <p>[[!+page.nav]]</p> </div> </div> <script> $( "#tabs" ).tabs(); </script> </div>
all pagination is doing is refreshing the page and appending page=1 etc... to the url.
you could use jquery and pull the data without the need of page refreshing using ajax.