Windows Phone Hub with more than 2 sections causes ArgumentException when collapsing any section

Question

Hi there,
I'm working on a Universal app which is using a Hub control to display different sections.
On startup, I want to hide some of the sections. Using a button, I want to toggle between the visible sections using a binding property on the Visibility property (Handled in the ViewModel). In my ViewModel I have 2 boolean properties that are bound to the
corresponding sections and are converted to Visibility using a BooleanToVisibilityConverter
<Hub>
<HubSection>
<DataTemplate>
<Button Content="Test" Command="{Binding SwitchVisibilityCommand}"/>
</DataTemplate>
</HubSection>
<HubSection x:Name="First" Header="Test1A" Visibility="{Binding ElementName=pageRoot,
Path=DataContext.FirstVisibleProperty, Converter={StaticResource ResourceKey=BooleanToVisibilityConverter} }"/>
<HubSection x:Name="Second" Header="Test1B" Visibility="{Binding ElementName=pageRoot,
Path=DataContext.SecondVisibleProperty, Converter={StaticResource ResourceKey=BooleanToVisibilityConverter} }"/>
<HubSection x:Name="Third" Header="Test2A" Visibility="{Binding ElementName=pageRoot,
Path=DataContext.ThirdVisibleProperty, Converter={StaticResource ResourceKey=BooleanToVisibilityConverter} }"/>
<HubSection x:Name="Fourth" Header="Test2B" Visibility="{Binding ElementName=pageRoot,
Path=DataContext.FourthVisibleProperty, Converter={StaticResource ResourceKey=BooleanToVisibilityConverter} }"/>
</Hub>
public class MainPageViewModel : ViewModel, IMainPageViewModel
private bool firstVisibleProperty;
private bool secondVisibleProperty;
public MainPageViewModel()
FirstVisibleProperty = true;
SecondVisibleProperty = false;
SwitchVisibilityCommand = new DelegateCommand(ExecuteCommand);
private void ExecuteCommand()
FirstVisibleProperty = !FirstVisibleProperty;
SecondVisibleProperty = !SecondVisibleProperty;
public bool FirstVisibleProperty
get { return firstVisibleProperty; }
set
firstVisibleProperty = value;
OnPropertyChanged(() => FirstVisibleProperty);
public bool SecondVisibleProperty
get { return secondVisibleProperty; }
set
secondVisibleProperty = value;
OnPropertyChanged(() => SecondVisibleProperty);
public DelegateCommand SwitchVisibilityCommand { get; set; }
This setup is working fine on Windows, but in Windows Phone I get an unhandled exception (ArgumentException with the message ´Value does not fall within the expected range.´). 
When I reduce the amount of hubsections to two, one that is visible and one that is collapsed, everything is working fine again. When I use multiple sections that all use the the same visibility property no exception is thrown
When I set both properties to true in the viewmodel, also no exception is thrown.
I've also tried the following (Without succes):
- change my boolean properties to Visibility properties
- use different boolean properties for each of the sections
I do not understand why this exception is thrown and the exception itself is to vague to give any useful information
How can I resolve this error??

Answer 1

I've uploaded my code to OneDrive. Use the following link to download the source:
https://onedrive.live.com/?cid=9c0070abc26b0b55&id=9C0070ABC26B0B55%2173811