I am modifying the css and html for this mobile accordion plugin http://cubiq.org/accordion
the jquery has not been touched.
If you take a look at the functionality http://farrkle.com/mobile/accordion/
you'll notice that it works as intended however when the button is clicked to go back up the content doesn't completely disappear and goes up behind it.
I know where the problem area is, within -webkit-transform, I'm just not sure where to fix it in the jquery as I am new to it
For example on the first button when hidden it goes to -webkit-transform: translate3d(0, 0, 0); when not hidden it goes to -webkit-transform: translate3d(0, 182px, 0);
If I could get it to go to -webkit-transform: translate3d(0, -70px, 0); it would be completely hidden.
Any pointers would be helpful. Or are there any other ideas on how to fix this?