How to closing badge with animation in material design in xaml toolkit?

[VahidEra]

Hi guys'
I have a badge in my project that is displayed with animation when a button is clicked. I have done this with visibility.

 <md:Badged
                        x:Name="badgeJoin"
                        Visibility="Hidden"
                        CornerRadius="20,20,20,20"
                        ToolTipService.Placement="Top"
                        ToolTipService.HorizontalOffset="34"
                        ToolTipService.VerticalOffset="-15"
                        Badge="{md:PackIcon Kind=Bell, Size=13}" 
                        BadgeBackground="#FFFF3030" 
                        BadgeForeground="#DDFFFFFF" 
                        BadgePlacementMode="TopLeft" 
                        Margin="0,10,0,0" 
                        OpacityMask="#FFFF3030" 
                        Foreground="#FFFF3030" 
                        Cursor="Hand" Background="#FFFF3030"/>

And cod behind:

    Private _iconBell As New PackIcon With {.Kind = PackIconKind.Bell}

    Private Sub btnEnter_Click(sender As Object, e As RoutedEventArgs) Handles btnEnter.Click
        badgeJoin.Visibility = Visibility.Visible
        badgeJoin.Badge = _iconBell
    End Sub

And I want it to have an animation when it is closed as well as when it is opened. Is this possible? Of course, I must say that the closing must be done by myself.