wpf animation issue

I have 2 user controls in a canvas in a Windows Presentation Foundation Application. First, user control one is loaded.If i Click  on my first user control ,second control will be loaded in that canvas then the rotation animation begins.My rotation is from 0 to 360.I want to load my second user control in the canvas after 0 to 180 rotation completed.Please help me to solve this issue.

Following is my Xaml  Code:

                         <Canvas Background="Bisque" HorizontalAlignment="Left"  x:Name="canvas1" Grid.Row="0">

                               

                 <usercontrol:LayoutItem1 x:Name="uctrl1" Canvas.Top="10"  Canvas.Left="10" MouseDoubleClick="Show"  
                                          MouseDown="uctrl1_MouseDown" MouseMove="uctrl1_MouseMove"                                                                                     MouseUp="uctrl1_MouseUp"></usercontrol:LayoutItem1>

                 <usercontrol:ucLayoutItem x:Name="uctrl2" Canvas.Top="10"  Canvas.Left="10" Visibility="Collapsed" 
                                         ></usercontrol:ucLayoutItem>
                   </Canvas>

Following is C# Code:

   private void Show(object sender, MouseButtonEventArgs e)
        {
            DoubleAnimation da = new DoubleAnimation();
            da.From = 0;
            da.To = 360;
            da.Duration = new Duration(System.TimeSpan.FromSeconds(2));
            RotateTransform rt = new RotateTransform();
            canvas1.RenderTransform = rt;
            rt.BeginAnimation(RotateTransform.AngleProperty, da);
            uctrl1.Visibility = Visibility.Collapsed;
            uctrl2.Visibility = Visibility.Visible;
            
        }