Accordion & Tables

Hello everyone,

Im currently making an accordion styled element for a order history page - the idea being that the user can open up the panel and see what they bought etc.

i have got a working version but i need to sort out my coding in terms of the tables and css of the accordion. I did this really quickly as to mock up a working version of the order history element so that people got the idea i was trying to convey, however i don’t want to use tables in my code as iv always been told to leave them alone! have taken a screenshot and you can see the content in the white area is currently held together by tables inside a div.

What should i be doing instead of using tables? (what is the correct method to do this?)

Will attach a rar file of the code i used to make the mock-up (viewer discretion is advised - its messy!) -

Many thanks,