Ionic popover hover not auto close

image

How can I close the e-wallet popover and open transaction popover when I hover at transaction.

 <ion-button id="hover-trigger1" @click="openTransaction($event)" class="roundedHover ion-padding">{{$t('transactions')}} <i class="arrow myarrow"> </i></ion-button>
 <ion-button id="hover-trigger2" @click="openEwallet($event)" class="roundedHover ion-padding">{{$t('eWallet')}} <i class="arrow myarrow"> </i></ion-button>


 <ion-popover trigger="hover-trigger1" trigger-action="hover" showBackdrop =false>
            <ion-item>
              <a href="/transaction/autoshipSubscription">{{$t('autoshipSubscription')}}</a>
            </ion-item>
           </ion-popover>
 <ion-popover trigger="hover-trigger2" trigger-action="hover" showBackdrop =false>
            <ion-item>
              <a href="/ewallet/eWalletStatement">{{$t('statement')}}</a>
            </ion-item>