For each entity in my site I have a 'joint' section (~30%), and a sub-section (~70%) which has two different options, meaning I only display ONE of them at a time. Currently I have two different links both about the same entity, with a different sub-section. There is a toggle menu that moves from one link to the other.
The SEO problem I see here, is when searching for an entity, search engines will have two competing pages from my site, instead of one higher ranked page.
I understand the best solution would be to create one page that has both sub-sections, but it's an hard UX task. The solution I want advice on, is pre-loading both sub-sections, making one sub-section 'hidden' and toggling between them through the menu (instead of making it change the url) and mention that with a # in the URL.
Considering this toggle is changing most of the page (~70%) would Google Index both sub-sections? Should this improve SEO?