How can I get jquery to generate -webkit-transform differently and set translate3d pr
 

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?