What I intend to achieve is when you click the accordion heading it opens and the images appear, clicking another accordion heading, the open accordion closes with the images and with the clicked accordion heading another set of images appear next to the text of the opened accordion under the image which is already there.
I made a fiddle http://jsfiddle.net/SUpmn/ to show the problem. This page has only 2 rows.
I have used different ids and data-parents, but then the accordions didn't close when they were opened. You had to click the accordion headings again to close them.