I have an html document that has a number of <div>'s that expand and close on clicking of an image, pretty simple stuff really, in the document there are 12 areas that expand and collapse on click, this all works fine.
Due to the large number of areas in the document that expand it makes the page very long so I decided to add Spry tabbed panels and this is where the problems start.
Here is a link to the spry tabbed panels
[login to view URL]
The spry code is very small and it is very simple, however, when I integrate the tabbed panels with my html, it just isn't working, I think this is due to the number of <divs> in my original html document, I have tried closing the <div>'s at various places etc but just can't get it to work. I think they conflict somewhere.
If I add just 1 segment of my html with a couple of open/close <divs> it works fine, but any more and I can't sort it.
3 hours of my life is already wasted on this, and I just do not have the experience or time to figure it out.
If you are accepted for this project I will send you all the files you need:
Original working html document
The css file for it
The .js files needed
The spry code.
I need this fixed URGENTLY, I need it fixed today, I will pick a winner at approximately 6pm GMT and need it returned within 6 hours.
Please do not bid if you cannot do this in the time I require it fixed.
You must have experience, I want it fixed properly and I want you to tell me exactly what the problem was and how you fixed it as I have 10 other html files the same to fix afterwards, maybe you would like to fix them all !!