c# - グリッドをタップしたときに画像を表示して折りたたむ方法(画像の親です)?

Question

Windows Phone の開発は初めてです。画像を含むグリッドがあります。グリッド(画像の親)をタップしたときに画像を表示し、2回目にタップしたときに折りたたむ必要があります。

私のデザインは次のとおりです

<Grid x:Name="gridThriller" HorizontalAlignment="Left" Height="172" Margin="33,85,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller" >
            <Image Source="/Images/right.png" HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"  />
        </Grid>
        <Grid x:Name="gridAction" HorizontalAlignment="Left" Height="172" Margin="186,85,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"  HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridHorror" HorizontalAlignment="Left" Height="172" Margin="340,85,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"  HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridSciFi" HorizontalAlignment="Left" Height="172" Margin="33,283,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"  HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridRomantic" HorizontalAlignment="Left" Height="172" Margin="186,283,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png" HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridComedy" HorizontalAlignment="Left" Height="172" Margin="340,283,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"  HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridDrama" HorizontalAlignment="Left" Height="172" Margin="33,481,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"  HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridFantacy" HorizontalAlignment="Left" Height="172" Margin="186,481,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"  HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>
        <Grid x:Name="gridAnimated" HorizontalAlignment="Left" Height="172" Margin="340,481,0,0" VerticalAlignment="Top" Width="123"  Background="Transparent" Tap="selectThiller">
            <Image Source="/Images/right.png"   HorizontalAlignment="Right" VerticalAlignment="Top" Stretch="None"/>
        </Grid>

この問題を解決するには？