Navigate between nested tab states

#1

I have an app that uses tabs for navigation, but I want to navigate from tabs.A.details to tabs.B.details. how would I go about doing this while maintaining visual state as well (i.e. highlight the appropriate tab)?

$stateProvider
.state('tabs', { url: '/tabs', abstract: true, templateUrl: '/views/tabs.html' })
.state('tabs.A', { url: '/a', abstract: true, views: { a: { template: '<ion-nav-view />' } } })
.state('tabs.A.index', { url: '', templateUrl: '/views/a/index.html' })
.state('tabs.A.details', { url: '/:id', templateUrl: '/views/a/details.html' })
.state('tabs.B'', { url: '/b', abstract: true, views: { b: { template: '<ion-nav-view />' } } })
.state('tabs.B.index', { url: '', templateUrl: '/views/b/index.html' })
.state('tabs.B.details', { url: '/:id', templateUrl: '/views/b/details.html' })