title: Photo and description on Flipview
body: <p>I have a flipview which contains photos and descriptions. I want when photo1 be tapped, then descbox1 not visible. And if photo1 be tapped again, then descbox1 will appear.</p>
  
  <p><strong>XAML:</strong></p>
  
  <pre><code>&lt;FlipView x:Name="narrowFlipview"
            ItemsSource="{Binding Group.Items}"
            SelectedItem="{Binding Item, Mode=TwoWay}"
            Foreground="{x:Null}"
            Visibility="Collapsed"&gt;
      &lt;FlipView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;Grid x:Name="content1"
                    Margin="0,0,0,0"&gt;
                  &lt;Image x:Name="photo1"
                         Margin="0,0,10,10"
                         Source="{Binding ImagePath}"
                         Tapped="photo_Tapped" /&gt;
                  &lt;Grid x:Name="detail"
                        VerticalAlignment="Bottom"
                        Height="200"&gt;
                      &lt;Grid.RowDefinitions&gt;
                          &lt;RowDefinition Height="auto" /&gt;
                          &lt;RowDefinition Height="auto" /&gt;
                      &lt;/Grid.RowDefinitions&gt;
                      &lt;Button x:Name="hideBtn"
                              Height="50"
                              Width="50"
                              Margin="0,0,5,0"
                              HorizontalAlignment="Right"
                              VerticalAlignment="Bottom"
                              Grid.Row="0"
                              Click="hideBtn_Click"&gt;
                          &lt;Button.Background&gt;
                              &lt;ImageBrush Stretch="Uniform"
                                          ImageSource="images/media/ikon-56-app-white-down.png" /&gt;
                          &lt;/Button.Background&gt;
                      &lt;/Button&gt;
                      &lt;Button x:Name="detailBtn"
                              Height="50"
                              Width="50"
                              Margin="0,0,5,0"
                              HorizontalAlignment="Right"
                              VerticalContentAlignment="Bottom"
                              Grid.Row="1"
                              Visibility="Collapsed"
                              Click="detailBtn_Click"&gt;
                          &lt;Button.Background&gt;
                              &lt;ImageBrush Stretch="Uniform"
                                          ImageSource="images/media/ikon-56-app-white-up.png" /&gt;
                          &lt;/Button.Background&gt;
                      &lt;/Button&gt;
                      &lt;ScrollViewer x:Name="descBox1"
                                    Grid.Row="1"
                                    Height="150"
                                    Background="#95000000"
                                    VerticalScrollBarVisibility="Auto"&gt;
                          &lt;TextBlock x:Name="descriptionText1"
                                     Text="{Binding Description}"
                                     Margin="20,20,20,0"
                                     TextWrapping="Wrap"
                                     TextAlignment="Justify"
                                     VerticalAlignment="Top"
                                     Height="auto"
                                     Foreground="White"
                                     FontSize="21" /&gt;
                      &lt;/ScrollViewer&gt;
                  &lt;/Grid&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/FlipView.ItemTemplate&gt;
  &lt;/FlipView&gt;
  </code></pre>
  
  <p>I tried using the code below:</p>
  
  <pre><code>private DependencyObject FindChildControl&lt;T&gt;(DependencyObject control, string ctrlName)
          {
              int childNumber = VisualTreeHelper.GetChildrenCount(control);
              for (int i = 0; i &lt; childNumber; i++)
              {
                  DependencyObject child = VisualTreeHelper.GetChild(control, i);
                  FrameworkElement fe = child as FrameworkElement;
                  // Not a framework element or is null
                  if (fe == null) return null;
  
                  if (child is T &amp;&amp; fe.Name == ctrlName)
                  {
                      // Found the control so return
                      return child;
                  }
                  else
                  {
                      // Not found it - search children
                      DependencyObject nextLevel = FindChildControl&lt;T&gt;(child, ctrlName);
                      if (nextLevel != null)
                          return nextLevel;
                  }
              }
              return null;
          }
      public bool _IsOn;
      public bool IsOn
      {
          get
          {
              return _IsOn;
          }
          set
          {
              _IsOn = value;
          }
      }
      private void photo_Tapped(object sender, TappedRoutedEventArgs e)
      {
  ScrollViewer descBox1 = FindChildControl&lt;ScrollViewer&gt;(this, "descBox1") as ScrollViewer;
  Button hideBtn = FindChildControl&lt;Button&gt;(this, "hideBtn") as Button;
  Button detailBtn = FindChildControl&lt;Button&gt;(this, "detaiBtn") as Button;
          IsOn = !IsOn;
          if (_IsOn)
          {
              descBox1.Visibility = Visibility.Collapsed;
              hideBtn.Visibility = Visibility.Collapsed;
              detailBtn.Visibility = Visibility.Visible;
          }
          else
          {
              descBox1.Visibility = Visibility.Visible;
              hideBtn.Visibility = Visibility.Visible;
              detailBtn.Visibility = Visibility.Collapsed;
          }
      }
  </code></pre>
  
  <p>But when I tap photo1, descBox1 would not collapse, hiddenBtn would not collapsed, detailBtn would not visible.
  How to handle it?</p>