How do I remove the hover when I run the click of a second button?

Question

Good Morning,
I found half the solution to my problem, that is, the part about the hover state to click on the button:
1) I converted my Button in ToggleButton
2) I have added this Style based Triggers:
<Style TargetType="ToggleButton" x:Key="checkedToggle">
<Style.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Background" Value="#5fc3f3"/>
</Trigger>
</Style.Triggers>
</Style>
To click the button keeps the "hover", the second click will remove.
Now the other problem: how do I remove the hover when I run the click of a second button?
Thank You.

Answer 1

>>Now the other problem: how do I remove the hover when I run the click of a second button?
You simply set the IsChecked property of the first button to false when the second button is clicked:
<ToggleButton x:Name="firstButton" IsChecked="True" Style="{StaticResource checkedToggle}">...</ToggleButton>
<ToggleButton Checked="ToggleButton_Checked" Unchecked="ToggleButton_Unchecked">...</ToggleButton>
private void ToggleButton_Checked(object sender, RoutedEventArgs e)
firstButton.IsChecked = false;
private void ToggleButton_Unchecked(object sender, RoutedEventArgs e)
firstButton.IsChecked = false;
Please remember to mark close your threads by marking helpful posts as answer and please start a new thread if you have a new question. Please don't ask several questions in the same thread.