Question

I have a collapsing nav menu made up of unordered lists that uses .slideUp() and .slideDown() to hide and display sub menus. This works great on all desktop browsers. I am having a problem on iOS (ipad and iphone) in which the sub nav will slide up and then flash the child text on top of the other elements before it disappears. You can see an example of this at http://www.sweetrush.com.

Any idea on what might be causing this or a way to fix it?

Answer 1

Have you tried hardware acceleration? It usually solves flickering for me on iOS devices.

-webkit-transform: translate3d(0,0,0)

For iOS 6 you probably have to add:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;