diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 588bf8f5e..b5a0fb355 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -74,8 +74,12 @@ export default createComponent({
         if (offsetHeight) {
           const contentHeight = `${offsetHeight}px`;
           wrapper.style.height = expanded ? 0 : contentHeight;
+
+          // use double raf to ensure animation can start in mobile safari
           raf(() => {
-            wrapper.style.height = expanded ? contentHeight : 0;
+            raf(() => {
+              wrapper.style.height = expanded ? contentHeight : 0;
+            });
           });
         } else {
           this.onTransitionEnd();