I already changed the JS using the lines of JS you recommended in this post to have my toggles open upon page load, and it stuck for a bit. However, it has somehow reverted to it's previous ways.

Matt, how did you get the toggles to react independently of one another!? I've been trying to solve this problem for quite some time now.

On a site I'm developing, when I open one toggle, another closes which shifts all of the content on the page around because the content in the toggle is so long. I only seam to be allowed to have one toggle open at a time and can't simply click to open and close them like you can on your site example.

Any advice on how this was acheived?

You have to have this box unchecked. Once you uncheck that, all toggles will load on opening of a page.

Ah, but see therein lies my problem. I only want one toggle to be set to open, and the rest remain closed until their clicked to open.

Any way to do that?

Say I want the page to load something similar to this. Then be able to click on the open toggles to close them, or open the closed toggles, all individually without effecting the others on the same page.

Possible?