Animating state change to different history stack

Say I have three pages,

.state('page1', {
	url : '/page1/:result',
	cache : false,
	templateUrl : 'templates/page1.html',
	controller : 'Page1Ctrl'
})
.state('tab.page2', {
    url : 'page2',
    views : {
	'tab-page2' : {
		templateUrl : 'templates/tab-page2.html',
		controller : 'Page2Ctrl'
	}
    }
})
.state('tab.page3', {
    url : 'page3',
    views : {
	'tab-page3' : {
		templateUrl : 'templates/tab-page3.html',
		controller : 'Page3Ctrl'
	}
    }
});

If I want page 2 and 3 to both be able to transition when going to page 1, how would I go about this?

Thanks.