jquery mobile- swipe for the same page with different content

jquery mobile- swipe for the same page with different content

i am trying to swipe for the same page with different content but with the
slide animation? i am using jquery mobile. however, after the page is
changing the page disappear. What am i amissing
function swipeleftHandler( event ){
$.mobile.changePage.defaults.allowSamePageTransition = true;
$.mobile.changePage( '#MatchStats' , {
transition: "slide",
});
if (indexMathces==0)
indexMathces=listMatches.length;
indexMathces--;
getMatchStats(indexMathces,GroupID);
}
function swiperightHandler( event ){
indexMathces++;
if (indexMathces==listMatches.length)
indexMathces=0;
getMatchStats(indexMathces,GroupID);
$.mobile.changePage.defaults.allowSamePageTransition = true;
$.mobile.changePage( '#MatchStats' , {
transition: "slide",
});