Почему не запускается моя анимация, когда я нажимаю кнопку, которая должна ее запустить?

Question

Я пытаюсь заставить черный ящик

<StackPanel>
                <ToggleButton Height="30"
                              Content="Add Products"
                              FontSize="18"
                              Foreground="White"
                              Style="{DynamicResource MenuToggleButtonStyle}"
                              x:Name="theMenuButton"/>
            </StackPanel>

перемещаться по оси X, когда я нажимаю на ToggleButton, но по какой-то причине он не будет двигаться, я не получаю никаких ошибок или чего-либо, этопочти как если бы он не связывался.

Почему Box (стековая панель) не движется?

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <Grid.Resources>
            <system:Double x:Key="SlideOffSet">130</system:Double>

            <Storyboard x:Key="slideRight">
                <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)"
                                 From="0" To="{StaticResource SlideOffSet}"
                                 Duration="0:0:0.3"/>
            </Storyboard>
        </Grid.Resources>

        <Grid Column="0"
              Background="#272727">
            <StackPanel>
                <ToggleButton Height="30"
                              Content="Add Products"
                              FontSize="18"
                              Foreground="White"
                              Style="{DynamicResource MenuToggleButtonStyle}"
                              x:Name="theMenuButton"/>
            </StackPanel>
        </Grid>

        <Grid Column="1">
            <StackPanel Width="100"
                        Height="100"
                        Background="#212121"
                        x:Name="Box">

                <StackPanel.Style>
                    <Style TargetType="StackPanel">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsChecked, ElementName=theMenuButton}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard Storyboard="{StaticResource slideRight}" />
                                </DataTrigger.EnterActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </StackPanel.Style>
            </StackPanel>

        </Grid>
    </Grid>



    <Window.Resources>
        <Style TargetType="ToggleButton"
               x:Key="MenuToggleButtonStyle">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontSize" Value="18"/>
            <Setter Property="FontSize" Value="18"/>

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ToggleButton}">
                        <Border Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Orange"></Setter>
                </Trigger>

                <Trigger Property="IsPressed" Value="True">     
                    <Setter Property="Background" Value="White"/>
                </Trigger>

                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Background" Value="Green"/>
                </Trigger>
            </Style.Triggers>
        </Style>


    </Window.Resources>