jQuery Forum

I'm having trouble creating a dynamic accordion based on json data.

My Fiddle: https://jsfiddle.net/trvr7ynx/1/

Example Fiddle: http://jsfiddle.net/3zza6L4v/   of nested accordion.

However, the example Fiddle doesn't have the same json structure as I do.

I'm generating mine on server side from a data table, and it is "flat".

What I need:

For each unique Category(see my json in fiddle) >> accordion panel, inside it nested - all blocks belonging to that category, where "ItemTitle" is accordion panel and the rest are contents of that panel.

Because I don't control the categories (there can be 3 or 10), I cannot create the "root" panels manually.

Thus, my request to make it totally dynamic.

I had a few tries and couldn't do it. I cleaned up the jquery part in my fiddle for anyone taking a look to have a clean field.

Could you please kindly help me?