Hide element after popout animation on a visualsutate

View.xaml

         <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="PanelStateGroup">
                <VisualState x:Name="StateA">
                    <Storyboard>
                        <PopOutThemeAnimation Storyboard.TargetName="ListPanel" />
                        <PopInThemeAnimation Storyboard.TargetName="SelectionPanel"/>
                    </Storyboard>
                    <VisualState.Setters>
                        <Setter Target="ListPanel.(UIElement.IsHitTestVisible)"
                        Value="False" />
                    </VisualState.Setters>
                    <VisualState.StateTriggers>
                        <viewmodels:SelectionPanelStateTrigger
                            ViewModel="{x:Bind viewModel}" PanelState="Showing" />
                    </VisualState.StateTriggers>
                </VisualState>
                <VisualState x:Name="StateB">
                    <Storyboard>
                        <PopOutThemeAnimation Storyboard.TargetName="SelectionPanel" />
                        <PopInThemeAnimation Storyboard.TargetName="ListPanel"/>
                    </Storyboard>
                    <VisualState.Setters>
                        <Setter Target="SelectionPanel.(UIElement.IsHitTestVisible)"
                        Value="False" />
                    </VisualState.Setters>
                    <VisualState.StateTriggers>
                        <viewmodels:SelectionPanelStateTrigger
                            ViewModel="{x:Bind viewModel}" PanelState="Hidden" />
                    </VisualState.StateTriggers>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>