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?