Create Accordion within task form

Hi,

I have been trying to get an accordion working within my task form in a workflow. When you select the heading it shows the editable fields available and then hides them when they collapse the heading.
I have an accordion working where it shows the value of a field but I cannot get one working to showing multiple editable fields.

I have been doing this using both a ftl file and javascript file. The ftl file sets the template for the entire set on a content model and the javascript is done using a constraint handler within the content model.
I am unsure how how to go about this?

I am using alfresco version 5.

Any help would be helpful.

Thank you