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?
Toggling between hidden divs instead of two links
google;css;search engines;javascript;blackhat