Creating a nested accordion with multiple columns in each nest.

Creating a nested accordion with multiple columns in each nest.

I'm having trouble with my fiddle. Take a look here:  http://jsfiddle.net/q9cfa6qu/5/

I want to achieve a nested accordion with multiple columns in each nest.

First, 50 states organized within 3 columns. (Each column must be the same width despite the text.) (   I didn't plug in all the states. I just made enough to give me 2 rows for testing.)  You click the state, you get 3 stores listed side by side. You click the store then you get the store listings in 4 columns and multiple rows.

But it's all messed up.

Right now when you click new york the stores get pushed to the right and when you click the store the store listings are also pushed to the right.