Table of Contents – Toggled Content Child + Open on Click

So I’m working on a very large FAQ that utilizes layered toggled content blocks. Since it’s very large, I wanted to utilize the Table of Contents block, though I can’t get it to function properly.

Here’s an example that I’ll use to explain:

So, as you can see, the Main Panel is H2 and the Child Panel is H3, and they are selected in the settings as such. Now because the Child Panel is within the Main Panel, I want it to display as a nested list, which seems to work perfectly fine when using an advanced heading, though I’d much rather not since I wouldn’t be able to toggle the inner content.

Here’s what is looked looks like when I use the H3 advanced heading compared to the H3 Toggled Content Panel:

It appears that for some reason the table of contents thinks the child panel is an H2, as when I unselect H3 in the allowed headings, it stills shows. Though upon inspecting the HTML, it is in fact an H3 tag. Weird. If there is any solution for this, please help me.

Now, like I said, worst-case scenario I have to use advanced headings.

One other issue that I have, which I’m hoping there is just some Javascript I can use, but is there any way to have the table of contents open the toggle content panel on click? If so, could I make the parent and the child panel open when the child anchor is clicked?

Any help would be much appreciated! Thanks!